banner
My Posts

Hexo-2

Scroll down

关于Hexo搭建博客(二)

这篇文章主要记录Hexo的配置过程。

  1. 由于Mac纯天然的unix终端,可以直接在终端使用node.js,Windows环境需要安装git并在git里使用它,上节提到Hexo是基于node.js的框架,安装地址在这里。node.js自带npm,它是node.js的包管理工具,用于安装node.js的各种扩展。安装完成后在shell输入以下命令查看版本:

    1
    2
    $ node -v
    $ npm -v

    由于npm安装插件是从国外服务器下载,受网络影响比较大,所以淘宝做了个国内镜像cnpm,输入

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

    进行安装,检查cnpm是否安装成功:

    1
    $ cnpm -v
  2. 下面就好办多了,用cnpm安装Hexo:

    1
    $ cnpm install hexo-cli -g

    之后要新建一个博客文件夹,以Blog为例,cd到Blog目录下,执行:

    1
    2
    $ hexo init
    $ cnpm install

    初始化博客,然后

    1
    $ hexo s

    启动本地博客,会出现:

    1
    INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

    浏览器打开即可。

  3. 以上Hexo的基本配置就完成了,这里再详细介绍一下Blog文件夹下的目录结构:
    1

  • _config.yml:Hexo的配置文件,博客在github上的部署,主题的设置,以及博客文章的分类等属性都要在这里进行设置。

  • node_modules:node相关依赖包,不需要更改。

  • public:用于存放部署后的页面,部署后自动生成。

  • scaffolds:文章的模版文件,包括page、post、draft,内容有点多,这个放到后面说。

  • source:存放博客的所有文章(.md)。

  • themes:博客的主题文件,可以在Hexo的主题页面选择自己喜欢的主题进行下载,下载完成后需要放到该文件夹下,同时为了使新主题生效,在博客的_config.yml文件内修改theme属性,”theme: 主题名字”,主题名字即themes文件夹下要使用主题的文件名。

  1. 还剩一步就大功告成了,下面把博客部署到github。

首先在github上创建一个以username.github.io命名的仓库,这样命名是为了便于后续通过网址访问博客。

用下面的指令产生公钥,把公钥id_ras.pub的内容复制到github --> 个人设置settings --> SSH and GPG keys --> New SSH key里面:

1
2
$ ssh-keygen -t rsa -b 4096 -C “your_email@youremail.com“
$ cat ~/.ssh/id_rsa.pub

加上-b 4096可以不用每次都输密码。

检查是否连接成功:

1
$ ssh -T git@git.coding.net

还是在***_config.yml***文件夹内,最下面修改deploy属性:

1
2
3
4
5
deploy:
type: 'git'
repo: git@github.com:gyn-58/gyn-58.github.io.git
# 用户名/仓库名
branch: main # 注意要选择仓库对应分支

这里的分支一定要注意不要选错了,github上新建一个仓库,默认分支以前是master,好像是带有种族歧视的意思还是怎么样,现在都是main了。

然后在Blog目录下执行:

1
2
$ git config --global user.name "yourname"
$ git config --global user.email "youremail"

安装hexo的部署插件:

1
cnpm install hexo-deployer-git --save

最后把博客部署到github:

1
$ hexo g -d

hexo -g即generate生成静态文章,后面追加-d即deploy部署文章。

到此为止,已经可以把博客部署到github上并通过https://用户名.github.io进行访问了。

Other Articles