前言
项目源码托管于GitHub,每GitHub仓库都有pages服务,简单设置以项目index.html为入口展示项目。
方式
- Hexo 文档 快速、简洁且高效博客框架。基于Node.js。Hexo用Markdown(或其它渲染引擎)解析文章,几秒内可用靓丽主题生成静态网页。
- GitHub Pages 为个人和项目提供网站。展示HTML(有服务器可上传自己服务器)
准备
步骤
GitHub
- 新用户注册,新建名为
账户名.github.io
仓库 - 右上角点Settings。Source选master branch并Save,Theme Chooser点Choose a theme选主题
- 步骤2后点步骤2中页面链接
Hexo
- 建文件夹Blog
- cmd命令行进文件夹Blog
- 装Hexo(
npm install hexo -g
或npm install -g hexo-cli
) - 显Hexo版本(
hexo version
或hexo -v
) hexo init
初始化文件夹Blog- 步骤5图显Start blogging with Hexo !,
npm install
装所需组件 - 生成静态文件(
hexo generate
或hexo g
) - 启服务器(
hexo server
或hexo s
)。默认网址http://localhost:4000/ git clone https://github.com/iissnan/hexo-theme-next themes/next
- E:\Blog下_config.yml,找到theme字段,改值为next并保存
hexo clean
清除缓存文件(db.json)和已生成静态文件(public)。某些情况(尤其换主题)对站点更改无论如何不生效,可能需运行该命令- 生成静态文件(
hexo generate
或hexo g
) - 启服务器(
hexo server
或hexo s
)。默认网址http://localhost:4000/ - 刷链接
- E:\Blog\themes\next下_config.yml,找到sheme字段,改值为Pisces并保存
- 同步骤11、12、13、14
绑定GitHub
改E:\Blog下_config.yml,图中为repository而非repo
或创建/提交
hexo new post “博客搭建”
于E:\Blog\source_posts下创建博客npm install hexo-deployer-git --save
装扩展- Hexo生成完毕后自动部署网站(
hexo generate --deploy
或hexo g -d
、hexo deploy --generate
或hexo d-g
) - 刷新
绑定域名
- 阿里云万网注册域名
- 右上角点解析
- 添解析 参考 官方给IP 官方回复
cd.>CNAME
于E:\Blog\source建名为CNAME文件且无后缀名,不可记事本(后缀名.txt)- 提交(
hexo generate --deploy
或hexo g -d
、hexo deploy --generate
或hexo d-g
) - 启服务器(
hexo server
或hexo s
) - 上述操作后等一段时间(解析生效时间)刷新
问题
原因
分析
- 用国内域名导致
- 通过国内注册商注册国际域名并使用导致
- 无实名认证导致
依据
解决
实名认证。实名认证过后一段时间仍出上述问题则重新过户并实名认证,通讯地址(中文)
一栏填身份证显示住址。
其它
不足
国内访GitHub速度较慢且GitHub不被百度收录,不利于SEO。买一虚拟主机,代码放虚拟主机即可。
附
文件结构
.
├── .deploy #需部署的文件
├── node_modules #Hexo插件
├── public #生成的静态网页文件
├── scaffolds #模板
├── source #博客正文和其它源文件,404、favicon、CNAME都应放这里
| ├── _drafts #草稿
| └── _posts #文章
├── themes #主题
├── _config.yml #全局配置文件
└── package.json
命令
常用
hexo help # 查看帮助
hexo init # 初始化目录
hexo new "postName" # 新建文章
hexo new page "pageName" # 新建页面
hexo generate # 生成网页,可在public目录查看整个网站文件
hexo server # 本地预览,Ctrl+C关闭
hexo deploy # 部署.deploy目录
hexo clean # 清除缓存,强烈建议每执行命令前先清理缓存,每部署前先删除.deploy文件夹
简写
hexo n = hexo new
hexo g = hexo generate
hexo s = hexo server
hexo d = hexo deploy