微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

The First Day of DEAJOWLO Using node js create blog

新建一个自己的博客并部署到github上

首先下载node.js(就是两大js运行环境之一),然后在你要建本地博客的地方打开你的cmd(目前操作都是在windows环境下的)
node -v
查看node.js版本
npm -v
查看包管理器版本
npm install -g cnpm –registry=http://registry.npm.taobao.org 这行代码是借助npm包管理器来指向cmpn淘宝镜像源,是下载速度快一点
下载完后可输入
cnpm和cnpm -v来查看cnpm和cnpm的版本号
然后输入
cnpm install -g hexo-cli意思是用cnpm来安装hexo博客框架,-g的意思就是全局安装
输入hexo -v 来验证一下,会发现它是基于node的
输入cd查看当前目录
输入mkdir 博客文档名 (创建一个用来放你要做博客的文档,之后所有博客里的东西都是在这个文档里的,如果出错,可以直接删除文档重来)
输入cd 博客文档名 ,进入这个文档
然后用hexo来完成新建博客
windows中可直接
输入hexo init来初始化一个博客
看到start blogging with hexo!就说明初始化完成。
输入dir 可以查看生成的配置文档
hexo s ,启动博客,结果会出现一个运行的本地端口,我生成http://localhost:4000 可以在浏览器中输入该网址查看内容
打开浏览器即可看见它自动生成博客,Hello World
输入Ctrl+C退出,重新写一篇自己的文章
输入 hexo n “文章名” 生成一个新的博客,结果会出现这个博客文章的路径
输入 cd 文章路径 (可查看)该文章

重点来了!

因为我们是windows系统,它并不自带vim文本编辑器,但windows也很方便,在这里告诉大家一个简单的方法
去文档夹里找到博客,用记事本或别的文本编辑器打开,如everedit等等
然后将你要写的博客写进去,格式就是如下:

一级标题
===

内容


<font color=red >二级标题</font>  //可以设定颜色,大小size,字体font
---

内容

即可。也可以在cmd里,
输入notepad 博客文档路径 ,就可以直接打开记事本书写了。
一般都是用markdown格式的语法,完成以后保存退出
输入cd (查询一下当前路径)
回到blog文档夹
输入cd ../.. (退两层路径)
输入 hexo clean (清理缓存)
输入hexo g (重新生成hexo文档)
输入 hexo s (启动hexo)
上面三条输入语言可通过
输入 hexo clean && hexo g && hexo s 一起运行
然后输入网址即可查看

具体的博客搭建已经完成,部署到github上

有些人可能只有github的账号,其实gitlab和github是一样的。
登录github,new repository 新建仓库
输入repository name,一定要按照:你的用户名.github.io 后期也是在浏览器中输入这个地址才能访问你的博客
description里可以随便写
然后create repository
之后的操作就和上述gitlab中的一样,都是在cmd中完成
在blog目录下安装git的部署插件
输入cnpm install hexo-deployer-git –save 这个过程按照网速来算,可能会有点慢,请耐心等待
输入dir && notepad _config.yml (查看文档并修改_config.yml文档)
在最后的deploy:下输入
type: git
repo: 你的仓库地址
branch: master
保存退出
输入hexo d (部署到我们的github上,d就是deploy)
根据提示,输入用户名和密码
然后去网页上刷新我们的仓库,就可以看到我们的成果了
然后单独拿出我们的仓库名,在浏览器中访问,可能一开始无法打开,但是可以多刷新几次

主题

我用的是yilia主题
1.先去下载这个主题
输入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
用git下载yilia主题,并下载到themes文档夹下的yilia目录
2.下载完成后查看
输入 cd themes/
3.输入 cd .. 回到上一层
4.修改_config.yml文档
一直找,找到theme:landscape,将landscape改为yilia
5.重新部署
输入 hexo clean && hexo g && hexo s && hexo d
6.具体的yilia主题内容还需要自己修改,因为这只是个模板

技术难点

1.乱码
我在在博客文章里的内容,在网页上打开来是乱码,但是在文档里是正常的
解决 重新打开博客文档,另存为,将保存编码改为UTF-8

2.显示不出我的博客文章标题
打开浏览器,发现网页右边显示(notitle)但是我的md文档里明明那个设置了title
解决 删除博客重新生成一份新的

3.单独拿仓库名访问时报404(无法查询页面
起初我以为是我的热点信号不好,后来看网上说,这是要git用户名和git的账号名一样才能查看,其实并不是这样
我发现了我并没有设置我这个博客的访问地址,我只是设置了它的仓库名,于是我按照提示设置了访问地址
解决 格式如下,输入 http://你的用户名.github.io 这才是正确的格式

windows和linux中的一些命令区别

linux windows
qwd cd
sudo(用管理员的命令来执行) 可直接用 要执行的exe init
ls dir

原文:大专栏  The First Day of DEAJOWLO Using node js create blog



版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐