博客搭建github pages + HEXO

从GithubPages到HEXO搭建个人博客全过程
本文详细介绍了如何使用GithubPages创建免费静态站点,并通过HEXO进行内容管理和部署。从仓库创建、配置到主题更新及发布流程一应俱全,适合初学者快速上手。

Github Pages (第一步)

Github Pages免费的静态站点,其特点:免费托管、自带主题、支持自制页面等。
创建Github Pages比较简单,只要你有一个github账号在创建一个仓库就行了,但是这个仓库是有规则的,其格式必须为:yourusername.github.io。然后根据提示一直下一步即可,非常简单。
这里写图片描述

HEXO(第二步)

  1. 安装

https://hexo.io/zh-cn/docs/

  1. 建站
    Hexo安装好了之后,就开始进行建站。打开终端cd到桌面并使用如下命令即可建好

$ hexo init yourname

$ cd yourname

$ npm install

( 进入yourname目录),然后以文本编辑器打开_config.yml文件,滚动到最下面,修改配置如下
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:xiamoweinuan/xiamoweinuan.github.io.git
  branch: master

然后执行

$ hexo deploy

$ npm install hexo-deployer-git –save

之后生成静态页面

$ hexo g

启动本地服务,进行文章预览调试,命令:

$ hexo server

浏览器输入http://localhost:4000
发布到git

$ hexo d

-

博客主题以更新以及编写

  • 主题更新
    -每次部署的步骤,可按以下三步来进行。

$ hexo clean

$ hexo generate

$ hexo deploy

比如克隆这个博客,https://github.com/daisygao/hexo-themes-cover

  1. cd 到你的目录下

$ git clone https://github.com/daisygao/hexo-themes-cover.git
themes/cover
有些地址不一样的,要cd到themes目录下

  1. 提交,cd到themes/cover

$ git pull

  1. 修改主目录下的 .yml
    theme: cover后

  2. 测试

    $ hexo clean

$ hexo generate 生成

$ hexo s 预览

$ hexo deploy 提交

一些常用命令:

hexo new"postName" #新建文章

hexo new page"pageName" #新建页面

hexo generate #生成静态页面至public目录

hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)

hexo deploy #将.deploy目录部署到GitHub

hexo help # 查看帮助

hexo version #查看Hexo的版本

文/潘柏信(简书作者)
原文链接:http://www.jianshu.com/p/465830080ea9/comments/550752
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

中间真实遇到好多的问题啊,以下是参考的资源,
http://www.jianshu.com/p/465830080ea9/comments/550752
http://www.jianshu.com/p/834d7cc0668d?utm_campaign=hugo&utm_medium=reader_share&utm_content=note&utm_source=qq
http://www.cnblogs.com/zhcncn/p/4097881.html
http://www.jianshu.com/p/5e0ca2b14815
http://www.cnblogs.com/zhcncn/p/4097881.html
http://www.v2ex.com/t/175940

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值