如何创建博客网站 教你搭建专属于自己的炫酷博客( 三 )


美化自己博客那么现在我们的博客已经挂在了Github服务器上面 。别人已经可以通过地址来登陆我们的博客了 。但是我们这时就有了新的需求 。就是自己的博客并不好看 。那怎么办的?这很简单 。要知道很多前端开发者在Hexo框架下开发了很多的主题给我们使用 。我们只需要把他们的主题克隆过来 。然后通过修改配置文件即可达到我们所需要的效果 。
那么我们应该怎么修改呢?
一、进入Hexo的官网主题专栏

如何创建博客网站 教你搭建专属于自己的炫酷博客

文章插图
二、挑选我们喜欢的主题
可以看到有很多主题给我们选 。我们只要选择喜欢的主题点击进去 。然后进入到它的github地址 。我们只要把这个地址复制下来(例如我是选择:hexo-theme-next这个主题)
如何创建博客网站 教你搭建专属于自己的炫酷博客

文章插图
三、克隆主题
再打开Hexo文件夹下的themes目录(F:\Blog\hexo\themes) 。右键Git Bash 。在命令行输入:
git clone (此处地址替换成你需要使用的主题的地址) 下载中 。等待下载完成:
如何创建博客网站 教你搭建专属于自己的炫酷博客

文章插图
四、修改Hexo配置文件
下载完成后 。打开Hexo文件夹下的配置文件_config.yml
修改参数为:theme: hexo-theme-next
五、部署主题 。本地查看效果
返回Hexo目录 。右键Git Bash 。输入
hexo ghexo s打开浏览器 。输入 / 即可看见我们的主题已经更换了 。
如何创建博客网站 教你搭建专属于自己的炫酷博客

文章插图
六、如果效果满意 。将它部署到Github上
打开Hexo文件夹 。右键Git Bash 。输入
hexo clean (必须要 。不然有时因为缓存问题 。服务器更新不了主题)hexo g -d七、打开自己的主页 。即可看到修改后的效果
更多修改效果请查看对应主题的说明文档 。点击此查看本主题(Next)对应的说明文档 。
在博客写文章
一、用hexo发表新文章
$ hexo n "文章标题" 其中 我的家 为文章标题 。执行命令 hexo n "我的家" 后 。会在项目 \Hexo\source_posts 中生成 我的家.md文件 。用编辑器打开编写即可 。
当然 。也可以直接在\Hexo\source_posts中新建一个md文件 。我就是这么做的 。
写完后 。推送到服务器上 。执行以下命令即可在我们的站点看到新的文章 。
$ hexo g #生成$ hexo d #部署 # 可与hexo g合并为 hexo d -g二、用Markdown写文章
我们注意到在 \Hexo\source_posts 文件夹下存放着我们的文章 。它们的格式都是以.md格式结尾的 。没错 。Hexo也是支持Markdown语法的 。所以当我们需要写具有格式化的文章时 。我们可以使用支持Markdown语法的编辑器进行文章编译 。然后保存文件到 \Hexo\source_posts 文件夹下即可 。
如何创建博客网站 教你搭建专属于自己的炫酷博客

文章插图
复制进去之后 。只要执行
$ hexo d -g 推送到我们的Github仓库即可 。
那么什么是Markdown?
Markdown 是一种轻量级的「标记语言」 。它的优点很多 。目前也被越来越多的写作爱好者 。撰稿者广泛使用 。看到这里请不要被「标记」、「语言」所迷惑 。Markdown 的语法十分简单 。常用的标记符号也不超过十个 。这种相对于更为复杂的html 标记语言来说 。Markdown 可谓是十分轻量的 。学习成本也不需要太多 。且一旦熟悉这种语法规则 。会有一劳永逸的效果 。
Markdown有什么优点?
专注你的文字内容而不是排版样式 。轻松的导出 HTML、PDF 和本身的 .md 文件 。纯文本内容 。兼容所有的文本编辑器与字处理软件 。可读 。直观 。适合所有人的写作语言 。我该用什么工具?
Windows下可以使用 MarkdownPad2 。在 mac OS X 上 。我建议你用 Mou 这款免费且十分好用的 Markdown 编辑器 。Web 端上 。我强烈推荐 简书 这款产品 。关于Markdown的更多资料可以查看如下:
认识与入门 MarkdownMarkdown入门指南将自己的域名关联到Github Pages上很多朋友创建了自己的博客之后会选择买一个属于自己的域名 。然后将自己域名绑定到自己的Github Pages博客上 。其实这也并不难 。只要你有个域名 。
一、购买域名
如果你不是很有钱 。在阿里云上 。你只要几块钱就可以买到一个域名 。
选择你喜欢的域名 。然后购买即可 。
如何创建博客网站 教你搭建专属于自己的炫酷博客

文章插图
二、配置CNAME文件
在 \hexo\source 文件夹下创建文件 CNAME (新建记事本文件命名CNAME 。然后打开)

推荐阅读