博客搭建过程
安装Hexo环境(默认winddows MacOS和Linux自行搜索如何安装Node.JS)
当然要安装其他博客主题或者基于GitHub构建博客不可或缺的工具就是Git这个管理工具,所以建议先安装Git
Hexo基于JavaScript,采用npm包管理器管理插件,安装Hexo需要先安装npm和Node.JS;推荐下载LTS版本的Node.JS。
cmd
中运行命令git --version
node -v
npm -v
出现对应的版本号说明安装成功cmd
运行命令npm install hexo-cli -g
安装Hexo脚手架工具,可参看官网概述,建站的过程- 例如
1 | hexo init test |
安装主题
我选择的是melody个人觉得这款主题真的很好看用起来也很方便。主题GitHub地址
- 例如(首先保障一下命令都是在上一步创建的test文件夹里面的)
1 | git clone -b master https://github.com/Molunerfinn/hexo-theme-melody themes/melody |
- 修改配置文件,使用先安装的主题
修改test文件夹里面的_config.yml
的文件的theme landspcape
改成theme melody
然后运行hexo server
启动项目
创建新帖子
1 | hexo new "My New Post" |
帖子打包发布到GitHub
首先确保自己电脑的GitHub ssh秘钥已经配置正确
- 先运行
npm install hexo-deployer-git --save
安装插件 - 修改
_config.yml
文件,在文件添加
1 | deploy: |
- 运行
hexo generate
生成部署文件到public文件夹 - 运行
hexo deploy
部署到相应的仓库
添加评论功能
- 进入主题的插件管理网站的评论插件展示版块,这边有很多评论版块,我使用的是
Gittalk
- 如果使用GitHub相关评论工具需要在 GitHub官网注册一个 OAuth application
Homepage URL
和Authorization callback URL
都可填你的博客域名,其他评论工具我没有使用过 - 修改
source/_data/melody.yml
文件,其中client_id client_secret
字段是之前注册生成的admin
字段就写自己的GitHub名字(数组形式:[‘张三’]) 如果博客是共同管理的把其他成员也写进去即可:[‘张三’,‘李四’]。
写在最后
更多melody主题的用法,参看中文文档;最后再次感谢一下melody的作者