Windows和Linux平台搭建Hexo博客

写在前面

建议参考官方文档

基础软件依赖

依赖软件下载

Windows

相应链接点击下载安装。

Ubuntu

sudo apt install npm git

Gentoo

emerge --ask nodejs dev-vcs/git

基础配置

我使用的是 PowerShell,和 cmd 的区别不大

如果你使用的是 PowerShell,那么有的命令可能需要.cmd后缀,如果你使用的是 Ubuntu 下的终端和 cmd,直接使用命令即可

由于一股不可抗拒之力,直接使用npm会很慢,建议使用淘宝 NPM 镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

使用cnpm代替npm加速下载

开始安装

安装 hexo 客户端 hexo-cli

cnpm install -g hexo-cli

创建博客目录

我的博客目录名字为my_blog,以下操作以此为基础

hexo init my_blog
cd my_blog
cnpm install

Hello World

hexo s打开浏览器,访问http://localhost:4000即可查看博客

Ctrl + C停止

部署到 GitHub

安装插件

依赖插件:hexo-deployer-git

安装:cnpm install hexo-deployer-git

创建仓库

your_name为你的 GitHub 用户名

在 GitHub 上开一个仓库,命名为your_name.github.io

如果你希望你的站点能通过 <你的 GitHub 用户名>.github.io 域名访问,你的 repository 应该直接命名为 <你的 GitHub 用户名>.github.io。–来自官方文档

修改配置文件

修改my_blog/_config.yml文件的deploy内容

deploy:
  type: git
  repo: https://github.com/your_name/your_name.github.io.git
  branch: master

注意冒号后面有一个空格

尝试部署

使用 hexo 命令都在my_blog的目录下

  1. hexo g生成静态页面
  2. hexo d部署到对应仓库
  3. 稍等一会即可通过https://your_name.github.io访问到你的博客。
    此时默认只有一篇 Hexo 博客

hexo 的基础使用

hexo generate:生成静态页面

hexo deploy:部署

hexo server:启动本地服务,可以预览你的博客

更多命令使用hexo help

命令可以简写,比如发布: hexo deploy可以hexo d

开始写博客

Hexo 博客使用Markdown语法

使用hexo new draft blog_name将会在my_blog/source/_drafts/下生成blog_name.md文件。部署后将发布到网上。

使用hexo new blog_name将会在my_blog/source/_post/下生成blog_name.md文件。部署后将不会发布到网上。

我个人一般是直接在对应的文件夹里新建.md文件。命令让你轻松而非限制你行动。
hexo new命令使用my_blog/scaffolds/下的文件为模板。

主题更换

个人感觉even主题不错。感谢作者

even 主题文档

  1. 配置依赖
cnpm install hexo-renderer-scss --save
  1. 下载主题
    even

我选择下载zip压缩包

解压后将 even 包移动到hexo_blog/themes/目录下

  1. 切换主题
    修改hexo_blog/_config.yml
theme: even

写在后面

此时,如果一切顺利,你应该能正常写博客

如果还想让你的博客变得更符合你的口味,那么还需要更多后续配置。


comment: