Hexo-博客搭建记
搭建博客,构思已久。却停滞于行动,此次趁着受人之托,得以窥见其中一二
本文参考来源于–【hexo搭建博客最全攻略】–【手把手教 GitHub + Hexo 搭建博客】
一、环境准备
需要node git github账号,于各自网站安装即可。
二、安装Hexo
step1:全局安装hexo
$ npm i hexo-cli -g
step2:进入指定目录初始化hexo项目
# 创建hexo文件夹
$ mkdir hexo
# 进入hexo文件夹
$ cd hexo
# 初始化hexo
$ hexo init
# 安装依赖包
$ npm install
# 部署到本地(调试使用) 简写 hexo s
$ hexo server
# 先运行上面的命令,再在浏览器输入localhost:4000即可
# 问题:执行hexo server提示找不到该指令
# 解决办法:在Hexo 3.0 后server被单独出来了,需要安装server,安装的命令如下:
$ npm install hexo -server --save
step3:将本地hexo项目与github远程仓库关联
进入github新建Repositorie
注意Repositorie的名字一定要满足your Account Name/your Account Name.github.io
以上配置完成后保存 然后回到终端执行
#安装一个插件,这样才能将你写好的文章部署到github服务器上并让别人浏览到。
npm install hexo-deployer-git --save
#安装完成后在终端中依次执行如下代码(为了简单后续统称为三步)
#清理缓存
hexo clean
#进行渲染 简写 hexo g
hexo generate
#调试完毕后使用 简写为 hexo d来部署到git服务器
hexo deploy
之后每次更新代码或者文档都需要重新部署 将这里的三步重新执行一次
其实我们可以在hexo项目的根目录下 新建一个node命令来整合这三步
"scripts": {
"build": "hexo clean && hexo g && hexo d"
}
之后每次更新在终端执行npm run build
即可
执行完以上操作后
打开浏览器地址了输入http://你github名字.github.io就可以看到效果~
三、更换主题
切换 Hexo 主题非常容易,您只要在 themes 文件夹内,git clone
你喜欢的主题
并修改 _config.yml 内的 theme 设定,即可切换主题
……
四、自定义主题
创建 Hexo 主题非常容易,您只要在 themes 文件夹内,新增一个任意名称的文件夹
然后参考更换主题步骤
不过还是建议在已有的主题上进行个性化的修改,站在巨人的肩膀也是极好的~
tips
新建文章
hexo new post “文章名字”
字数统计&阅读时长
在根目录下安装 hexo-wordcount,运行:npm i hexo-wordcount --save
在需要用到的地方添加 wordcount(page.content)
min2read(post.content)
即可
感谢阅读 thx~
本文链接:https://627235655.github.io/2018/05/29/init-blog/