前期准备
安装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 | 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部署
hexo deploy部署找到blog目录下的配置文件_config.yml,用编辑器打开此文件 找到此文件中的deploy字段,按照以下配置
1
2
3
4
5deploy:
type: git
repository: https://github.com/Gryffinbit/gryffinbit.github.io //自己的github项目链接
branch: master
安装扩展
1
2npm install hexo-deployer-git --save
1 | 3. 设置用户名 |
git config --global user.email "[email protected]"
git config --global user.name "Your Name"
1 |
|