码迷,mamicode.com
首页 > 其他好文 > 详细

Hexo + Github 搭建个人主页

时间:2019-10-11 23:21:46      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:near   example   nbsp   code   用户   page   use   pac   ack   

全局安装 hexo

sudo npm install -g hexo

初始化

新建文件夹,进行初始化,并在本地安装必要组件。

hexo init
npm install

生成如下目录:
.
├── _config.yml
├── node_modules/
├── package.json
├── scaffolds/
├── source/
| ├── _drafts
| └── _posts
└── themes/

  • _config.yml 站点配置文件,全局配置都在这个文件中。
  • node_modules 依赖模块。
  • package.json 应用数据。hexo 相关信息及依赖的一些组件。
  • scaffolds 模版文件。当创建一篇新的文章时,hexo 会依据模版文件进行创建。
  • source 资源文件夹。包括发表在站点的文章、图片和文件等等。
  • themes 主题文件夹。

生成页面

hexo genearate

这个命令将 md 格式的内容生成静态网页,可简写为 hexo g。

启动本地服务,预览页面

hexo server

打开 localhost: 4000,页面已经可以访问。
技术图片

配置 Github

进入 github,建立与用户名对应的仓库,仓库名必须为 username.github.io。这是由于 github 上的个人账户必须使用唯一且特定的库来创建 Github Pages 托管内容,master 分支的内容将会被构建和发布在 Github Pages 上。

修改 /_config.yml 文件建立关联:

deploy:
    type: git
    repository: https://github.com/username/username.github.io.git
    branch: master

把上述 repository 中的 username 替换成自己的 github 用户名。

执行 hexo deploy 将页面部署到 github 上,访问 username.github.io 可以查看页面。

域名解析

我们已经将 hexo 搭建的页面放在 github 上并且可以访问了,下面进一步将域名和 github 进行绑定。

技术图片

这里的记录值 192.30.252.153 是 Github Pages 服务器指定的 IP 地址。

进入 github 的 username.github.io 库,新建文件 CNAME,写入内容为域名。
技术图片
技术图片

页面部署

每次部署的步骤,可以按以下三步来进行。

hexo clean    
hexo generate
hexo deploy

原文:大专栏  Hexo + Github 搭建个人主页


Hexo + Github 搭建个人主页

标签:near   example   nbsp   code   用户   page   use   pac   ack   

原文地址:https://www.cnblogs.com/wangziqiang123/p/11657561.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!