Hexo-博客搭建记

Author Avatar
zongyuan 5月 29, 2018 【字数:667】 【阅读时长:3min】
  • 在其它设备中阅读本文章

搭建博客,构思已久。却停滞于行动,此次趁着受人之托,得以窥见其中一二

本文参考来源于–【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/