乐趣区

关于博客搭建:Mac-OS上搭建Hexo博客流程

jiezi

Hexo 介绍

  • https://hexo.io
  • https://hexo.io/zh-cn/

环境筹备

装置 nodejs

  • 下载地址：https://nodejs.org/en/
  • 以：node-v14.17.1.pkg 为例

关上终端，切换 root 用户

比方：关上 terminal 或者 iterms 终端软件，执行以下命令

// 切换到 root 用户
sudo su

装置淘宝镜像

// 应用 npm 装置相干依赖包，速度很慢，倡议装置淘宝镜像，后续命令应用 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

装置 Hexo

// 装置 hexo
cnpm install -g hexo-cli

Hexo 装置胜利

初始化博客网站

新建我的项目文件夹，并进入文件夹内

比方：Blog。后续如果我的项目呈现问题，或者想从新创立，只须要删除此文件夹，即可

// 初始化我的项目（必须进入到我的项目文件夹外面后，执行此命令）sudo hexo init

启动 hexo

// 启动 hexo
hexo s

浏览器关上博客网站

// 浏览器关上
http://localhost:4000

创立博客，并写博客

  • Vim 命令的应用，能够参考这里

    // 创立文章
hexo n "我的第一篇博客文章" 
// 编辑文章
vim 我的第一篇博客文章.md

项目管理执行

清理我的项目缓存

  • 新增博客文章或者批改博客文章内容，须要执行此命令

    // 清理之前生成的网站
hexo clean

从新生成我的项目

// 从新生成博客我的项目
hexo g

再次启动我的项目

// 再次启动博客网站
hexo s

批改主题

抉择主题

大家能够依照本人的须要下载适宜的主题。能够从官网下载
比方：抉择 butterfly

下载主题代码

  • 在我的项目根目录下，即 ”Blog“文件夹下执行以下命令，

    // clone 主题代码到 themes/butterfly
git clone https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

批改我的项目配置文件，配置主题

// 批改配置文件，主题主题
vim _config.yml

在我的项目目录下执行以下命令【十分重要，亲测无效】

此坑解决方案来源于这里：https://zhuanlan.zhihu.com/p/137946156

npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive

从新生成我的项目

  • 具体操作过程，后面章节曾经介绍

    hexo clean
hexo g
hexo s

    从新运行我的项目


    新的主题界面

后续能够依据本人需要，批改主题界面，优化界面。

将博客部署到云端（GitHub 上，须要有本人的账户）

新建仓库

登录：https://github.com
新建仓库，必须是【public】公共的仓库。

创立胜利
此案例的仓库地址：

https://github.com/CodingDGSun/CodingDGSun.github.io.git

在我的项目目录下执行以下命令

cnpm install --save hexo-deployer-git

批改配置文件

// 批改配置
vim _config.yml

批改文件最初地位
其中【repo】就填写刚刚新建的仓库地址。

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

部署我的项目到云端

// 执行部署命令
hexo d 部署

拜访云端博客主页

拜访地址，就是 https:// 新建仓库的名称 +.github.io
比如此案例是:https://CodingDGSun.github.io

退出移动版