博客搭建过程

安装Hexo环境(默认winddows MacOS和Linux自行搜索如何安装Node.JS)

当然要安装其他博客主题或者基于GitHub构建博客不可或缺的工具就是Git这个管理工具,所以建议先安装Git

Hexo基于JavaScript,采用npm包管理器管理插件,安装Hexo需要先安装npmNode.JS;推荐下载LTS版本的Node.JS。

  • cmd中运行命令git --version node -v npm -v 出现对应的版本号说明安装成功
  • cmd 运行命令 npm install hexo-cli -g 安装Hexo脚手架工具,可参看官网概述,建站的过程
  • 例如
1
2
3
4
hexo  init test
cd test
npm install
hexo server

安装Hexo

安装主题

我选择的是melody个人觉得这款主题真的很好看用起来也很方便。主题GitHub地址

  • 例如(首先保障一下命令都是在上一步创建的test文件夹里面的)
1
2
git clone -b master https://github.com/Molunerfinn/hexo-theme-melody themes/melody
npm install hexo-renderer-jade hexo-renderer-stylus --save

安装主题

  • 修改配置文件,使用先安装的主题

修改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
2
3
4
deploy:
type: git
repo: GitHub地址
branch: master
  • 运行 hexo generate 生成部署文件到public文件夹
  • 运行 hexo deploy 部署到相应的仓库

添加评论功能

  1. 进入主题的插件管理网站的评论插件展示版块,这边有很多评论版块,我使用的是Gittalk
  2. 如果使用GitHub相关评论工具需要在 GitHub官网注册一个 OAuth application Homepage URLAuthorization callback URL都可填你的博客域名,其他评论工具我没有使用过
  3. 修改 source/_data/melody.yml文件,其中client_id client_secret 字段是之前注册生成的 admin字段就写自己的GitHub名字(数组形式:[‘张三’]) 如果博客是共同管理的把其他成员也写进去即可:[‘张三’,‘李四’]。

写在最后

更多melody主题的用法,参看中文文档;最后再次感谢一下melody的作者

文章作者: I年少有为
文章链接: https://lemonlife.top/2019/07/27/init/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 I年少有为