github 个人博客搭建笔记

---

title: github 个人博客搭建笔记
date: 2018-08-03 17:32:13
tags: 前端 个人笔记
thumbnail: https://drscdn.500px.org/photo/166713981/q%3D80_m%3D2000/v2?webp=true&sig=5b850141eefe1bfd2ec971b6b8d4874e3bd09daa009039ce8ae77db0d97990d5

---

---

github 个人博客搭建笔记

---

•   1  Github Pages功能相关概念
  

•   2  个人博客相关小工具
  

•   3  Hexo 部分相关介绍
  

---

---

github pages

1 . 什么是github Pages？

github pages是一种静态站点托管服务，旨在直接从GitHub存储库托管您的个人，组织或项目页面。

您可以使用Jekyll Theme Chooser在线创建和发布GitHub Pages网站。或者如果您更喜欢在本地工作，可以使用GitHub Desktop或命令行。

GitHub Pages是一个静态站点托管服务，不支持服务器端代码，如PHP，Ruby或Python。

*要了解有关不同类型的GitHub页面站点的更多信息，请参阅“ 用户，组织和项目页面”。*

*静态站点：整个网站只由静态的内容（HTML\CSS\JS\Images…）组成，服务端发送给客户端的都是直接的内容，而不是通过动态网页技术（不管是ASP\JSP\PHP\Django\RoR\NodeJS）在收到请求的时候由服务端进行渲染出最终HTML发送给客户端。*

2 . 使用github pages指南

2016年6月15日之后创建并使用github.io域的GitHub     Pages网站通过HTTPS提供。如果您在2016年6月15日之前创建了自己的网站，则可以为您网站的流量启用HTTPS支持。

GitHub Pages网站不应用于敏感交易，如发送密码或信用卡号码。

您对GitHub页面的使用受GitHub服务条款的约束，包括禁止转售。

3 . 使用限制

GitHub Pages网站受以下使用限制：

GitHub Pages源存储库的 建议限制为1GB。
发布的GitHub Pages网站可能不超过1 GB。

GitHub的网页的网站有一个软每月100GB的带宽限制。

GitHub Pages网站的软限制为每小时10个版本。
如果您的网站超出了这些使用配额，我们可能无法为您的网站提供服务，或者您可能会收到来自GitHub支持的礼貌电子邮件，建议减少网站对我们服务器的影响的策略，包括建立第三方内容分发网络（CDN） ）在您的网站前，利用其他GitHub功能（如发布），或转移到可能更符合您需求的其他托管服务。

GitHub Pages不用于或允许用作免费的网络托管服务来运行您的在线业务，电子商务网站或任何其他主要针对促进商业交易或提供商业软件即服务的网站（SaaS） ）。

此外，GitHub Pages网站必须避免：

我们的服务条款或社区准则非法或以其他方式禁止的内容或活动
暴力或威胁内容或活动
过多的自动批量活动（例如，垃圾邮件）
危及GitHub用户或GitHub服务的活动
快速致富计划
性淫秽内容
错误表示您的身份或网站目的的内容
如果您对使用或预期用途是否属于这些类别有疑问，请联系GitHub支持。

4 .Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

*hexo 的详细原理分析之后专门找一篇文章去分析分析，hexo其实是一个静态网站模板工具，可以快速的搭建个人博客类的静态网站页面*

5 .常用操作指令记录：

```
1.基本的安装git和nodeJS环境（具体步骤跳过）
2.安装hexo脚手架
"npm install hexo-cli -g"
3.hexo 初始化静态网站项目  
"hexo init username.github.io"
4.更改hexo配置：_config.yaml
需要重点配置的地方:
    "deploy:"
        :"type: git     //使用Git 发布
         repo: https://github.com/username/username.github.io.git       // 自己的Github仓库地址"
5.基本新建文章
"hexo new newfilename"
原理：会在source/_posts/路径下新建md文件，并且在静态页面中会解析该目录下markdown文件并且解析到网页中
6.设置主题
修改 "_config.yaml"中的"theme"配置，可以从"gitghub"或者"hexo"主题官网挑选喜欢的主题，然后clone 到"hexo"项目"/theme"路径下
7.本地测试
"hexo s"
监听本地localhost:4000并且本地启一个hexo服务器进行调试
8.安装hexo-deployer-git自动化部署发布工具
"npm install hexo-deployer-git --save"
9.发布
测试没问题后，我们就生成静态网页文件发布至我们的Github pages 中。
"$ hexo clean && hexo g && hexo d"

如果这是你的第一次，终端会让你输入Github 的邮箱和密码，正确输入后，骚等片刻，就会把你的博客上传至Github 了。以后在每次把博客写完后，执行一下这个命令就可以直接发布了，灰常苏胡。

5分钟应该快到了
是不是很快，恭喜你能走到这一步，你的博客已经完成了，在浏览器中输入 http://dimsky.github.io 就能够访问了。
最后应该是类似这个样子的

```