之前就想搭建自己的博客,现在终于得以实施。

参考了多篇博客,然后又在虚拟机了往往复复试了好多次, 现在基本搭建完毕。

我是基于hexo博客框架, next主题搭建的博客, 静态网页。   大体就是, 先在本地搭建好整个系统, 然后再提交到github。

因为此篇文章只是捡部分内容说,所以我先列出来我参考的博客,这里谢谢他们的无私分享了。

  • hexo博客框架 + next主题 + 插件等整个流程请参考ezlippi的两篇博客:  https://www.ezlippi.com/blog/2015/03/github-pages-blog.html 和 https://www.ezlippi.com/blog/2016/02/jekyll-to-hexo.html      文章大体跑了整个流程,不过细节上原理上没有怎么说。
  • 看完上面整个流程,也许对hexo博客框架配置部分有所疑惑,那就参考这篇博客,此篇文章对_config.yml文件进行了详尽的注释:  http://blog.csdn.net/xuezhisdc/article/details/53130383
  • 看完了hexo框架部分的内容,现在来看看next主题的内容,感觉官方文档很不错:  http://theme-next.iissnan.com/getting-started.html
  • 中文博客参差不齐,一句话传的人多了也就慢慢变了味道,对了hexo博客框架部分最好的资料还是官方文档:  https://hexo.io/zh-cn/docs/index.html
  • 有些人可能需要一个参考,找别人的东西对比下,上面提到的ezlippi无私分享了,具体看这个网址:  https://www.ezlippi.com/about/。

总结一下流程就是,

1、注册github, 本地生成ssh key, 然后github添加这个key。 这样就可以方便的使用ssh的密码push、clone代码了,当然,也可以设置ssh密码为空。

2、github创建想要创建的仓库名字:

(1)GitHub用户名建立的username.github.io或者orgname.github.io这样的用户&组织页(站)

(2)依附项目的pages。具体可以参考:

https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/

https://help.github.com/articles/user-organization-and-project-pages/

3、本地搭建hexo框架。  这里有用Windows的,有用Linux的,我不发表观点,但是我用的是Linux。  教程不细说了。

4、添加next主题并配置。

5、添加一些插件,开启一些博客功能。

6、绑定域名的话请看这步,不绑定的话就跳过:

(1)域名注册不讲了, 绑定的话需要在 hexo框架目录/source下新建CNAME文件,注意没扩展名,编辑内容为你的域名。

(2)域名解析添加CNAME记录, “@”或者“www”类型都可以, 记录值填写"yourname.github.io.",注意最后是带个点的。

(ps:网上也有解析添加A记录的,那是绑定IP,你的yourname.github.io  IP变了你就得修改解析, 不嫌麻烦的话可以这样)

7、发布:

(1)hexo clean命令清理文件

(2)hexo generate生成静态文件

(3)hexo server本地再看看效果

(4)hexo deploy 部署到github

github搭建个人博客 hexo框架 next主题的更多相关文章

  1. 《Hexo+github搭建个人博客》

    <Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...

  2. 使用Node.js+Hexo+Github搭建个人博客(续)

    一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...

  3. Mac上基于hexo+GitHub搭建个人博客(一)

    原文地址: http://fanjiajia.cn/2018/11/23/Mac%E4%B8%8A%E5%9F%BA%E4%BA%8Ehexo+GitHub%E6%90%AD%E5%BB%BA%E4% ...

  4. 如何用hexo+github搭建个人博客

    搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install ...

  5. Hexo和github搭建个人博客 - 朱晨

    GitHub账号 mac/pc 环境 12 node.jsgit 创建GitHub仓库 登陆GitHub,创建一个新的Respository Repository name叫做{username}.g ...

  6. Ubuntu+Hexo+Github搭建个人博客

    Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...

  7. jekyll+github搭建个人博客总结

    jekyll+github搭建个人博客 经过一天多的折腾,终于算是搭建好了自己的个人博客,看到有些社区评论说:在windows下用jekyll搭建静态博客,简直就自讨苦吃,但是都到一半了,有什么办法呢 ...

  8. Windows上使用jekyll+github搭建免费博客

    jekyll+github搭建个人博客 (一)下载Ruby (二)安装jekyll (三)开启jekyll服务器 (四)使用github展示博客 一.下载Ruby Ruby,一种简单快捷的面向对象(面 ...

  9. Hugo+Github 搭建个人博客(Windows环境下)

    目录 Hugo+Github 搭建个人博客(Windows环境下) 1.前言 2.Differences 2.1 https vs SSH 2.2 新建的github的仓库名必须为 用户名+githu ...

随机推荐

  1. Codeforces Round #378 (Div. 2)-C. Epidemic in Monstropolis

    C. Epidemic in Monstropolis time limit per test 1 second memory limit per test 256 megabytes input s ...

  2. 学习笔记TF060:图像语音结合,看图说话

    斯坦福大学人工智能实验室李飞飞教授,实现人工智能3要素:语法(syntax).语义(semantics).推理(inference).语言.视觉.通过语法(语言语法解析.视觉三维结构解析)和语义(语言 ...

  3. css 权重 特殊性

    选择器的特异性由 CSS2 规范定义如下:     !important的规则比其他的权值都大     p{color: red !important} 如果声明来自于“style”属性,而不是带有选 ...

  4. CSS 备忘

    border-radius :  10px  /  40px    10表示X轴半径   40表示Y轴半径   font:italic bold 13px/13px arial,sans-serif; ...

  5. DOM 对象

    DOM  ==  document object model   document 对象是唯一同时属于  BOM 和 DOM  的   rows 是一种DOM集合,不是数组,所以没有sort() 函数 ...

  6. redis数据库安装及简单的增删改查

    redis下载地址:https://github.com/MSOpenTech/redis/releases. 解压之后,运行 redis-server.exe redis.windows.conf  ...

  7. [MYSQL] 记一次MySQL性能调优

    最近在做数据迁移工作,已有一堆数据文件,要把这些数据文件写到MySQL 数据库里面去. MySQL数据库上架了一层服务接口,可以直接调用.博主写了一个迁移程序,放在服务器A上. *********** ...

  8. localstorage本地定时缓存

    在做一个网站时,起初直接就是从服务器获取数据进行交互,没有用一些本地缓存做优化,项目做下来就特别卡,并且对服务器造成了很大的压力,经过请教,查询,找到这样一个定时缓存的例子.html5定时缓存,从数据 ...

  9. sql: 左连接 和内连接区别联系

    select * from (select rowtemp.*, rownum rownumtemp from (select u.*, UA.USR_INFO_ID USR_INFO_ID, UA. ...

  10. 插件lombok的介绍安装

    Lombok插件 介绍一个不错的Eclipse插件Lombok 该插件对Log4j简化的代码,因为不大,所以jar包也存在呢! Lombox是Eclipse的一个插件,用来自动生成Java代码,减少手 ...