github+hexo+个人域名建立个人网站

写在前面:
之前一直用hugo结合github使用,这次尝试hexo,发现非常喜欢,可塑性很强。
主要记录一些坑
这个博文主要是大体记录流程,至于中间参考过的3篇建站文章会列出来。总之根据这篇博文你可以完全搭建属于自己的个性网站。

为体验更好效果请移步github+hexo+个人域名建立个人网站

1 github的工作

1 注册github,不再描述

2 建立repo

记得repo名字要和github id一样。也就是如果你的id是hello,那么要申请一个hello.github.io的repo。

2 本地电脑的工作

请参考https://www.jianshu.com/p/189fd945f38f
大体分为以下几步

1下载安装Git

2下载安装node.js

3安装hexo并进行初始化

选择某个盘,创建hexo文件夹,别的名字也行

npm install -g hexo
hexo init

4修改config.yml文件,关键是theme

稍许,hexo文件夹里会出现很多内容。用notepad++打开_config.yml文件,修改
title(博客名字)
subtite(副标题)
author(作者名字)
关键是theme ,系统默认是landscape,也可以查看更多主题。个人比较喜欢next主题,另外,
black-blue, BlueLake, pure主题也不错。每个主题都会告诉你下载方式,直接参照进行就行,手动下载或git clone下载。
其余部分可以暂时不动。(现在也可以更改,看2.7.1)下载后的主题会存放在hexo下的themes文件夹里。

这个地方是hugo是不一样的处理方式,hugo要吧主题的example文件下的内容进行copy替换。而hexo是同时处理根目录和主题目录。

5生成网站并在线查看

现在就可以在本地电脑查看雏形了.

hexo g
hexo s

若要查看更多hexo命令,请移步查看更多hexo命令
hexo s后,会提示端口,复制就可以本地访问,都是localhost:4000

6 写第一篇文章

刚才说了hexo是根目录和主题下目录多要修改一些内容。所以,往下会加上根目录(代表\hexo),主题目录代表(\hexo\themes\next)。

写文章是在根目录:\hexo\source_posts。如果你在简书有文章,可以直接复制,可以完美识别。记得如果用toc功能,需要#后又空格,否则不被识别。
写完后,再次hexo s既可以看到更新。

7 部署到github

1 更改根目录_config.yml,最好需要有以下内容

deploy:
  type: git
  repository: https://github.com/你的名字/你的名字.github.io.git
  branch: master 

2 安装hexo-deployer-git自动部署发布工具

npm install hexo-deployer-git  --save

3 发布到github

hexo clean && hexo g && hexo d

如果初次使用需要输入用户名密码之类,牢记,这样你的github repo就会有你刚才push的内容

4 在线访问

https://你的名字.github.io/
我的是https://hyinli.github.io/可以查看

3主题配置

这部分花费时间比较多,所以单列出来。
现在雏形已经具备,接下来要进行主题配置,添加一些比较有用的插件等。hexo有很多插件
各种各样的配置,一定有你喜欢的。
这部分主要参考这两篇文章,非常详尽,如果还有你想不到的内容,那就单项google搜索。
Windows下使用hexo搭建博客
Hexo+NexT搭建博客拥抱舒爽
主要包括有
语言,类别,标签,菜单,头像,统计在线时间,访问量,等。这些不再赘述。

1 开启文章目录

请参考Hexo博客NexT主题开启文章目录和调整样式
nextT本身有目录的,我们需要开启它

1 修改custom.styl

themes/next/source/css/_custom
notpad++打开,添加以下内容
打开及调整目录字体

#文章目录默认展开
//文章目录默认展开
.post-toc .nav .nav-child { display: block; }
#目录字体大小调整
.post-toc ol {  
  font-size : 13px;     
}

修改主题配置文件themes/next/_config.yml

目录换行

toc:
  enable: true  
  wrap: true

文章目录无法锚定的问题

假如出现,文章目录生成,但是就不能链接到正确的地方。如果自己的操作没错误,那就执行

hexo clean命令
#然后
hexo d -g

4 被百度和google搜索引擎能搜索到,参考上述两篇文章

5 绑定个人域名

1 购买个人域名

我是阿里云买的

2 域名解析

设置如下


域名解析

3 Hexo设置

\hexo\source下创建CNAME文件(没有后缀,且全部大写),notepad++打开,首行写上你购买的域名
我的就是
http://www.ucco.net
网上有人建议必要加www 但是这样设置后 看起来非常不好看,我又加上了

4 github设置

再回到github,打开你的名字.github.io中的setteings,修正以下内容
custom domain中,

github设置

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,444评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,421评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,363评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,460评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,502评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,511评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,280评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,736评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,014评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,190评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,848评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,531评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,159评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,411评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,067评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,078评论 2 352