搭建自己域名的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-木小草
尊重原创,尊重技术。

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

相关文章推荐

java使用Redis6–sentinel单点故障主从自动切换

Redis Sentinel Sentinel(哨兵)是用于监控redis集群中Master状态的工具,其已经被集成在redis2.4+的版本中 一、Sentinel作用: 1):Maste...

spring+mybatis使用druid配置数据源

一、spring的配置 ...

hexo框架-next主题-github搭建个人博客

IT`huhui 的前言录 我在GITHUB的个人站点:http://ithuhui.cn 这里遇到的很多问题都是亲身解决后写的.还有遇到不懂可以邮件M我 在这里要感谢浮生志的博客教程,很多我一...
  • HuHui_
  • HuHui_
  • 2016年11月03日 13:14
  • 901

基于Hexo+Next主题的个人博客搭建定制优化

Next主题定制优化1. 修改文章页宽打开themes/next/source/css/_variables/base.styl,找到以下字段并修改为合适的宽度:$content-desktop-la...

Mac搭建Hexo博客及NexT主题配置优化

前言最近看到阳春面的博客,感觉非常漂亮,正好最近也想自己搭个博客,记录一下自己的学习经历和生活感悟,给自己留下点回忆,同时整理一下自己的思路,于是就想仿照着弄一个类似的静态博客网站,正好最近有时间,而...

@hexo-next 搭建个人博客系列教程

本文将以自己的博客主题 NexT 为例,手把手教你如何定制自己的博客,扩展博客的功能(如:绑定域名、评论、打赏、SEO 优化等)...

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

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

搭建Hexo博客(Next主题)中踩过的坑

Hexo Nextgithub主页:https://github.com/iissnan/hexo-theme-next 官网地址:http://theme-next.iissnan.com/一篇比...

Hexo Next博客搭建

部署简要概述 1.首先需要创建一个github账号,然后 新建一个代码仓库 2.配置SSH密钥,建立本地与github的连接 3.安装 ...

hexo+next搭建博客相册页和音乐页教程

搭建相册页 在git上输入 hexo new page “photos”,创建photos页面,之后在sourse文件夹下能够找到photos文件夹,在index.md里添加type: photos....
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:搭建自己域名的hexo框架next风格的博客
举报原因:
原因补充:

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