前期准备

安装npm

mac 下

brew install npm

Tip : Mac 安装brew

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

如果出现443拒绝连接问题,手动下载install.sh到本地,在终端执行。直接将sh脚本拖进终端。

手动下载:https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh

部署hexo

下载安装

定位到自己的Blog的路径。

注:Blog是我自己的命名,全文安装时,更改成自己的blog名字及路径

cd Blog
npm install -g hexo-cli

初始化

hexo init Blog

![Screen Shot 2021-04-22 at 3.17.45 PM](/Users/gryffinbit/Desktop/Screen Shot 2021-04-22 at 3.17.45 PM.png)初始化完成后

npm install

执行完成后会生成一些配置文件

config.yml //网站的配置信息,您可以在此配置大部分的参数。
package.json  _drafts  _posts
source //资源文件夹是存放用户资源的地方。  
scaffolds //模版文件夹。当新建文章时,Hexo 会根据 scaffold 来建立文件。
 themes //主题文件夹。Hexo会根据主题来生成静态页面

开始建立blog

新建一篇文章(我的第一篇文章)

 hexo new "我的第一篇文章"

会在/source/_post里自动生成了“我的第一篇文章.md”文件,之后新建的文章都将存放在此目录下。编辑“我的第一篇文章.md”文件可修改内容。

生成网站

hexo generate (可简写成 hexo g)

启动本地服务器

可以用于在本地上进行查看、修改,最后再部署上去

 hexo server (可简写成 hexo s)

在浏览器输入http://localhost:4000 即可查看网站。

部署到GitHub

将blog部署到Github Pages 上,使用hexo deploy部署

  1. hexo deploy部署找到blog目录下的配置文件_config.yml,用编辑器打开此文件 找到此文件中的deploy字段,按照以下配置

    deploy:
      type: git
      repository: https://github.com/Gryffinbit/gryffinbit.github.io //自己的github项目链接
      branch: master
      
    
  2. 安装扩展

     npm install hexo-deployer-git --save
     
    
3. 设置用户名
git config --global user.email "you@example.com"
 git config --global user.name "Your Name"


4. 部署
hexo deploy

评论