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

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

我是基于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. 交换知识 VLAN VTP STP 单臂路由

    第1章 交换基础 1.1 园区网分层结构 层次 作用 出口层 广域网接入 出口策略 带宽控制 核心层 高速转发 服务器接入 路由选择 汇聚层 流量汇聚 链路冗余 设备冗余 路由选择 接入层 用户接入 ...

  2. 编译安装PHP 时遇到问题解决方法.

    编译安装PHP时出现下面的错误代码: error 2 checking for pkg-config... /usr/bin/pkg-config configure: error: Cannot f ...

  3. Problem E: 动物爱好者

    Problem E: 动物爱好者 Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 882  Solved: 699[Submit][Status][Web ...

  4. linux-head

    linux-head 用来查看文件的内容的命令 命令参数 -n  num:显示指定文件的前num行 -c num:显示指定文件的前num个字符 命令:head b.txt   :  如果不加参数就默认 ...

  5. JS模块化开发----require.js

    前言 前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等的助力也使得前 ...

  6. Mybatis主配置文件常见使用讲解

    在开发中我们通常将Mybatis中配置文件分两种,主配置文件与和dao对应的映射文件. 其实最后mybatis解析的还是一个主配置文件. 而映射文件会通过我们配置<mappers>属性,或 ...

  7. ADO.NET中SqlCommand对数据库操作

    我们要不断地进行数据库的读写,那么ExecuteNonQuery(),ExecuteReader()与ExecuteScalar()就是我们在对数据库进行操作时要用到的,下面我来依次认识一下:     ...

  8. HDnoip2017题解

    那么,作为一名初入信息竞赛的选手,我也试着开始用博客记录自己的学习历程,那么这篇文章先简单介绍一下我自己吧. 本人开始学习信息学大概以来,主要都是用的C++,所以对其他语言并不是十分熟悉.2016我还 ...

  9. [转载] Lucene 工作原理

    转载自http://www.cnblogs.com/dewin/archive/2009/11/24/1609905.html Lucene是一个高性能的java全文检索工具包,它使用的是倒排文件索引 ...

  10. node学习笔记(二)(ajax方式向node后台提交数据)

    通过ajax向node后台提交数据过程(附手写前后台代码),并总结post与get的区别 POST 前台代码 //CSS简单给点样式 <style> form{ width: 200px; ...