Hexo静态博客搭建+个人定制

   日期:2024-12-26    作者:oc37s 移动:http://ljhr2012.riyuangf.com/mobile/quote/55827.html

很早以前就想写这样一篇了,因为各种原因耽搁到现在(逃)…网上关于Hexo的教程其实已经有挺多了,但是很多都是一笔带过。这篇博客除了Hexo博客的搭建过程,还有一些我加进去的个人定制模块,以及博客如何被搜索引擎(百度、谷歌)收录、如何进行SEO优化等等,以及在这过程中遇到的数不胜数的坑。虽然时隔一个月,有些搭建过程遇到的问题记不太清了orz…但是有什么问题还是可以问我的,我尽量解答=3=最后!【超长文预警!建议可以先看目录选择感兴趣的部分orz

也可以先看看我用Hexo搭的博客【虽然可能也不是特别好看…】


2017-11-23更新说明
用Python写了个一键推送文章至百度的工具,加速百度收录,有兴趣的可以看看呀,http://blog.csdn.net/LemonXQ/article/details/78615849
2017-11-20更新说明
1. 因为多说评论已经关闭服务,故改用韩国的Livere评论,具体参见http://blog.csdn.net/lemonxq/article/details/78578617
2. 关于博客背景的设置问题(静态+动态,参见http://blog.csdn.net/lemonxq/article/details/78578650
3. 本篇文章已经介绍了双线部署(GitHub Pages + Coding Pages)博客的方法,可基于此实现全站Https,具体参见http://blog.csdn.net/lemonxq/article/details/78578649


【注:本文中使用的 Hexo 版本为3.22,部分配置与2.x可能有所出入】

1.安装 & 搭建

  • 安装Git:安装后,注册 Github 账号,配置 SSH(具体见下一步),打开 Git Bash,接下来的命令均在Git Bash中执行
  • 安装Node.js
  • 安装 Hexo :
  • 安装依赖包
  • 新建博客文件夹:cd到该文件夹,执行
  • 新建Github仓库:仓库名必须,要不然就不能使用Github Pages服务了。。。

2.配置 SSH

关于什么是 SSH,请自行百度(我懒…)这里直接讲一下配置步骤。

  • 本地生成公钥私钥
     
  • 添加公钥到 Github
    • 根据上一步的提示,找到公钥文件(默认为id_rsa.pub,用记事本打开,全选并复制。
    • 登录 Github,右上角 头像 -> Settings —> SSH keys —> Add SSH key。把公钥粘贴到key中,填好title并点击 Add key。
    • git bash中输入命令,选yes,等待片刻可看到成功提示。

3. NexT主题下载

NexT 主题是由 iissnan 大神所制作的一款简洁美观不失逼格的主题。下载方法有以下两种

  • 进入, 执行
  • 直接进入上面的链接,在项目主页download zip文件,然后解压到 文件夹

4. 发布

使用以下两条命令进行发布,发布成功后可在浏览器中使用进入你的博客~

 

1.生成静态页面

 

2.本地预览

 

3. 新建文章

 

4. 新建页面

 

5. 部署并生成

 

6. 清除生成的文件和缓存

 
 

1.整站配置

直接贴一下我的配置文件吧【路径博客根目录/_config.yml

友情提示 不要用系统自带记事本打开,容易出现编码不一致问题,最好用 Notepad++Sublime Text 之类的】

 

2.Next主题配置

一样贴一下我的主题config文件吧,注意和上面的全局config文件区分。
【路径:博客根目录/themes/next/_config.yml】

 

更改代码块颜色及字体大小

  1. 打开文件
  2. 修改和的值
 

实现底栏半透明

  1. 打开
    文件
  2. 在最开始的.footer中修改color值为#999
 

添加背景图片

  1. 将背景图片命名为background.jpg并放入文件夹中
  2. 打开文件
  3. 加入如下代码
 

购买域名

一个高逼格的博客怎么能够少了域名呢=。=域名提供商有很多,像godaddy、万网等。如果是学生党的话推荐使用腾讯云“1元云主机+域名”计划。

绑定域名

百度收录

让百度收录我的博客真的是经历了很长的一段过程。。。关于提交sitemap、设置推送链接可以看一下这篇文章。事实上按照该博客的做法后,我等了一个星期都没有收录成功(明明谷歌的都收录了orz)。后来,我发现了原因。那就是github禁止了百度爬虫,而我的站点又是托管在github上的,所以百度爬取不到我的网页,自然收录不了,以下是解决方案。

  1. 将博客同时部署在github和coding,coding的服务器在国内,访问速度快,而且最重要的是不禁百度爬虫
  2. 打开根目录下_config.yml文件,修改最下面的deploy部分如下
  1. 重新部署博客,等待一两天后应该就可以在百度里搜索到你的博客啦(虽然目前为止,百度好像也就收录了我的站点首页= =
  2. 小tips:百度主动推送比自动推送等要快的多,因此每写完一篇博客后,建议自己主动推送给百度,方法百度站长平台里有写
  3. 小tips之二:在百度站长平台索引量工具定制索引规则为: 可以加快百度爬虫爬取你的博客网站下的子网页并建立索引的速度。

谷歌收录

让谷歌收录就容易多了,只要提交站点地图然后验证域名所有权就行了,具体的上面那篇文章也很详细地介绍了,这里不再赘述。


更改首页标题格式

打开 hemes extlayoutindex.swig文件,找到这行代码

 

把它改成

 

外链生成

这里推荐使用外链工具为你的站点批量生成外链。百度一下“超级外链SEO工具”,输入站点名,然后就让它自动为你生成外链吧~~新站的话建议每天刷两次。


插入图片

  1. 插入本地图片:在**hexosource**目录下新建文件夹,命名随意(以images为例,然后在文章中需要插入图片的地方输入
  2. 插入外部链接图片:直接输入
  3. 使用七牛云存储:如果博客中使用的图片数量过多,尽量不要用第1种方式,一来git空间有限,二来博客迁移的时候比较麻烦。这里推荐使用图床来存储博客中图片。下面以七牛为例大致说明一下步骤
  • 进入七牛官网注册账号

  • PS 如果想要生成的外链域名为独立域名而不是七牛默认域名,需要支付10元

插入音乐(以网易云为例

  1. 打开网易云音乐官网,进入想插入的音乐的界面

插入视频

直接贴代码

 

  1. Hexo3.1.1静态博客搭建指南

  2. NexT使用文档

  3. Hexo官方文档(中文版



特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号