我的 Hexo 博客系统的搭建
### 搭建个人博客站点 + 本地 Linux 需要安装 : Git + 本地 Mac 安装 node :https://nodejs.org/en/download/

Mac 环境系统搭建博客

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
会出现 root 与 本地用户操作权限的问题,如:npm install -g xxx 操作的
需要做出如下操作:
>> mkdir ~/.npm-global
>> npm config set prefix '~/.npm-global'
>> vim ~/.bash_profile

添加如下:
export PATH=/Users/haodalai/.npm-global/bin:$PATH
export PATH=/Users/haodalai/Blog/node_modules/.bin:$PATH

>> echo $PATH
>> source ~/.bash_profile
>> npm install -g cnpm --registry=https://registry.npm.taobao.org (测试是 ok 的)


mac 安装 hexo:
路径设置:
>> export PATH=~/Blog/node_modules/.bin:$PATH
>> echo $PATH
>> hexo (测试生效)


新建一个hexo 项目
>> mkdir ~/Blog/Samlai-Blog
>> hexo init ~/Blog/Samlai-Blog
>>

Linux 环境系统搭建博客

  • Linux 参考 Hexo 文档来进行搭建博客站点: https://hexo.io/zh-cn/docs/
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    1. 安装 nodejs
    使用这种方式来安装 : Linux(DEB/RPM-based):从 NodeSource 安装
    参考链接 : https://github.com/nodesource/distributions
    因为本地是 centos 执行指令 :

    >> curl -sL https://rpm.nodesource.com/setup_12.x | bash -

    执行完成后:

    >> sudo yum install -y nodejs

    2. 使用淘宝镜像 cnpm :
    >> npm install -g cnpm --registry=https://registry.npm.taobao.org

    3. 使用 npm 安装 hexo:
    >> cnpm install hexo

    4. 将 Hexo 所在的目录下的 node_modules 添加到环境变量之中即可直接使用 hexo <command>:
    >> echo 'PATH="$PATH:/opt/hexo/node_modules/.bin"' >> ~/.profile

    注意: 我安装hexo 目录到我的系统路径为 : /opt/hexo

    执行上面没有效果的话,无法识别 hexo 指令的话,则可以直接修改 : vim /etc/profile 文件
    文件最后面写上:
    HEXO_HOME=/opt/hexo/node_modules/.bin
    PATH=$PATH:$HEXO_HOME

使用 HEXO 创建项目

1
2
3
4
5
6
7
8
9
10
11
12
13

1. 初始化 hexo 项目
hexo init /opt/blog


2. 生成静态文件
hexo generate

3.运行服务器
hexo server

4.创建文件内容
hexo new post 借鉴博客学习.md

修改 hexo 的主题与发布

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

1. 注册一个 githhub 账号 并建一个名称为: xxx(你的 github 账号).github.io 项目

2. 在服务新建一个github ssh key:
1.yum install ssh
2.ssh-keygen -t rsa -C "472023527@qq.com"
3.cat ~/.ssh/id_rsa.pub [复制粘贴到github头像那边的setting再进行添加相应的key值]
4.以后进行git操作的代码的时候则不是git https://xxx的方式
5.创建全局的 git 账号: [hexo d 执行的时候会报错]
git config --global user.email "472023527@qq.com"
git config --global user.name "samlai"


3. 拉取主题内容:
cd /opt/blog
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia



4. 修改 hexo 的发布的方式:
vim _config.yml

修改发布方式:
deploy:
type: git
repository: git@github.com:ZuoYouLai/ZuoYouLai.github.io.git
branch: master


修改主题内容:
themes: yilia


5. 安装 hexo 的 git 插件 : cnpm install hexo-deployer-git --save

6. 执行 hexo 发布执行操作:
hexo d (hexo deploy)
hexo s (hexo server)

hexo 与 github.io 共同的发布操作

1
2
3
4
5
github.io 的文件都是为:本地执行 hexo d 指令编译成静态文件然后并上传到 github.io 的仓库中.所以可以访问 https://zuoyoulai.github.io/ 可以直接访问静态文件 html 内容

项目的保存最好存 md 文件的 github 的仓库的,每次写完自己新的笔记 md 文件后,提交github 仓库为了备份 md 文件内容。

保存好 md 文件后再在本地执行:hexo -d 【编译好静态文件并上传到 github.io 的仓库上】

git 发布的插件

1
cnpm install hexo-deployer-git --save

添加 hexo 文章目录插件

1
2
3
4
cnpm install hexo-toc --save

在文章标题下添加:
<!-- toc -->

本文参考

感谢您的阅读,本文由 左之右 版权所有。如若转载,请注明出处:左之右(https://zuoyoulai.github.io/2019/12/24/hexo-study-md/
借鉴博客学习