搭建自己域名的hexo框架next风格的博客

原创 2016年08月31日 16:03:57

准备阶段:

1. 安装git客户端
2. 安装node
3. 准备好属于自己的域名,最好有自己的服务器
4. 申请github账号

安装和配置Hexo

  1. 打开Git-bash或者cmd,输入
npm install -g hexo-cli
  1. 本地建站

    选择一个文件夹下,使用如下命令:
    hexo init
    npm install
    如果hexo安装成功,则会在该目录下生成如下的目录结构

  2. 本地测试

    hexo s
    提示:

    接下来就可以使用浏览器访问啦!不过现在是本地的,如果想放到万维网并使用自己的域名就需要配合github了。

主题更换

clone主题代码到git上

git clone https://..

修改config.yml配置文件

将里面的theme: 的值改为对应的主题

提交代码

git add .
commit -m "备注"
git push origin master

发布和测试

hexo d -g //会出现很多文件
hexo s

使用Github Pages

  1. 在自己的github上创建名为xxx.github.io的repository
  2. 设置repository的pages,具体操作去github官网查看(可以设置上自己的域名)
  3. 创建CNMAE文件,写入自己的域名
  4. 将本地hexo根目录下的_config.yml中的如下位置,填写自己的信息

  5. 将上一步的hexo代码上传到repository

    git status 查看状态

    git add .

    git commit -m "备注"

    git pull origin master

    git push origin master

  6. 发布

    hexo d -g

    这时候,就可以用repository名,也就是xxx.github.io进行访问了。

域名解析设置

如下图:

设置好后,大约十分钟,便可用域名访问啦!

发表文章

发表文章操作非常简单,在网站存放的根目录打开git bash,输入

hexo n "name of the new post"

回车后,在source文件夹下的_post文件夹下,可以看到新建了一个name of the new post.md的文件,打开填写文件头信息

可以给文章贴上相应的tags,如有多个则按照如下格式

[tag1, tag2, tag3, ...]

 在- - -下方添加正文内容即可,注意需要使用markdown语法进行书写。在这里有关于Markdown语法的简单说明。推荐使用CMDmarkdown进行md文件的编辑工作。
文章撰写完成后保存,输入

hexo g -d

即可生成新网站,并且同步Github上的网站内容。


注意:转载请标明,转自itboy-木小草
尊重原创,尊重技术。

版权声明:本文为博主原创文章,未经博主允许不得转载。

使用github page + hexo3.0 搭建个人博客,加绑定域名。

一、前言 最新好奇如何搭建个人博客网站,由于之前买过一台vps,本打算自己写页面的,但是想想还是算了吧,毕竟hexo已经有很多酷炫的主题了,之后有空再自己撸。。。 由于此类教程在网上已经有很多人发布了...
  • guin_guo
  • guin_guo
  • 2016年04月07日 23:49
  • 3090

Hexo框架+NextT主题搭建博客教程(部署到coding net)

最近这一阵子把博客托管到 coding net 上去了,并使用Hexo框架和NextT主题来搭建博客,正如部分网友所说的那样,真是踩坑无数。为此记录下我的搭建过程,有需要的网友也可参考一下。(以下内容...
  • qq_23483671
  • qq_23483671
  • 2017年11月26日 09:45
  • 189

Hexo个人免费博客(五) 使用自己的域名

使用了一段时间在github上搭建的hexo个人博客空间,使用markdown写博客既方便,展示出来的样式也还算满意,唯一的缺点就是域名 github.io 总觉得有点累赘,另外就是访问速度比较慢,今...
  • linshuhe1
  • linshuhe1
  • 2017年06月11日 10:00
  • 3372

Github 搭建 hexo (五)- 站点地图(sitemap.xml)

github 站点地图 sitemap.xml
  • u010053344
  • u010053344
  • 2016年02月20日 23:58
  • 2960

github pages + Hexo + 域名绑定搭建个人博客

环境Windows 10(64 位)Git-2.7.4-64-bit node-v4.4.7-x64如果上述软件已经安装的,跳过,没有安装的下载安装。1,git下载安装(https://git-for...
  • xiangzhihong8
  • xiangzhihong8
  • 2016年11月26日 20:58
  • 7798

利用Hexo+coding搭建博客,优化github博客打开速度

上次用hexo和github上搭建博客后,用了几天发现博客搭建在github上有一定的局限: 1. github服务器在国外,国内访问速度有些慢; ...
  • wkzd2016
  • wkzd2016
  • 2017年04月17日 16:43
  • 511

hexo next主题为博客添加分享功能

今天心血来潮,决定给博客添加分享功能,百度上首先是找到了使用shareSDK的分享功能,最后在实践的过程中发现它添加时步骤比较多,添加完成后效果比较丑(就是一个长条的浅蓝色按钮),而且点击后想要退出分...
  • lanuage
  • lanuage
  • 2018年01月06日 21:40
  • 221

最简便的方法搭建Hexo+Github博客,基于Next主题

前言如果你喜欢写作,我觉得你可以试试gitbook或者跟着本文搭建一个属于自己的博客空间(即使你不是IT行业的一员),不再受限于第三方博客地址,当然Hexo搭建的博客也是基于github托管的,但是并...
  • tx874828503
  • tx874828503
  • 2016年06月03日 11:56
  • 16737

搭建自己的 github + hexo 博客

从零基础一步一步搭建 github + hexo 博客的方法,博客中 disqus 评论、七牛云图床的使用,以及自定义主题的方法。...
  • u013830021
  • u013830021
  • 2017年06月06日 06:40
  • 383

通过GitHub和Hexo来搭建自己的个人博客

搭建个人博客在我大学的时候建过一次,那时候是用新浪云和Wordpress搭建的,那时候新浪云服务是免费的,后来变收费,博客就没有了。之前便想着再弄个自己的博客出来,这几天就着手弄了起来。 看到很多人...
  • u011976726
  • u011976726
  • 2017年10月12日 17:24
  • 618
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:搭建自己域名的hexo框架next风格的博客
举报原因:
原因补充:

(最多只允许输入30个字)