抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

前期准备

安装npm

mac 下

1
brew install npm

Tip : Mac 安装brew

1
/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名字及路径

1
cd Blog
1
npm install -g hexo-cli

初始化

1
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)初始化完成后

1
npm install

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

1
config.yml //网站的配置信息,您可以在此配置大部分的参数。
1
2
package.json  _drafts  _posts

1
source //资源文件夹是存放用户资源的地方。  
1
scaffolds //模版文件夹。当新建文章时,Hexo 会根据 scaffold 来建立文件。
1
themes //主题文件夹。Hexo会根据主题来生成静态页面

开始建立blog

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

1
hexo new "我的第一篇文章"

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

生成网站

1
hexo generate (可简写成 hexo g)

启动本地服务器

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

1
hexo server (可简写成 hexo s)

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

部署到GitHub

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

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

    1
    2
    3
    4
    5
    deploy:
    type: git
    repository: https://github.com/Gryffinbit/gryffinbit.github.io //自己的github项目链接
    branch: master

  2. 安装扩展

    1
    2
    npm install hexo-deployer-git --save

1
2
3. 设置用户名

git config --global user.email "[email protected]"
 git config --global user.name "Your Name"
1
2
3
4
5
   

4. 部署
hexo deploy

评论