分享好友 最新动态首页 最新动态分类 切换频道
Hexo静态博客搭建+个人定制
2024-12-26 23:29

很早以前就想写这样一篇了,因为各种原因耽搁到现在(逃)…网上关于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官方文档(中文版


最新文章
阿里巴巴和淘宝有什么区别
阿里巴巴和淘宝有什么区别1、成交客户不同一个是零售平台,一个是批发平台,最大的不同就在于这个客户类型;零售客户是一单单的发货,成交周期短,百分百平台上成交,他可能这辈子只跟你做这一次买卖;批发客户是大批量的采购,成交周期长
百度输入法定制版
百度输入法定制版是一款针对打字设计的输入法软件。这款软件由百度官方出品,为大家带来了超多的输入方式,无论是手写、五笔、拼音、语音还是各个国家的语言都可以满足大家的需求,更有海量的表情包、金句可以随心选,让大家的聊天更加的富
青春绽放 创新无限
近日,由全国高校思想政治工作网、南开大学和中国移动联合主办,咪咕互动娱乐有限公司、南开大学软件学院、中国电子学会智能人机交互专委会承办的动感地带AI+高校创智计划海选赛在智慧与创意的碰撞中落幕,经过三个月的激烈比拼,50支高校
高清美女写真一键生成:探索AI绘画工具的奥秘与玩法
在这个数字化的时代,AI技术的普及使得我们可以轻松生成超逼真的美女写真。想象一下,只需简单的几步操作,你就能得到一张涵盖各类风格和细节的完美人像。这是不是让你心动呢?今天,我们将带你进入AI生成美女写真工具的世界,分析几款热门
泉州爱采购自运营
百度爱采购是如何排序的?1.时间因素:爱采购网站展示的高品质数据,并非人工介入,而是受时间因素控制,在不同的时间,同一物品会出现在不同的地点。比方说,您在采购中做了一款游泳产品,早上您查询的展示位置是在首页首行,下午再次查询
PTA: 确定班级排名
某学年的班级考评中,班名为cn1​的班级获评先进班集体,班名为cn2​的班级获评优秀学风班。经了解,该学年学院所有班级中,按班级考评的总分sc1​排名选前3个班级获评先进班集体,按学风得分sc2​排名选排
“朋友圈被领导点赞”被认定为加班证据?法院:算加班
12月10日据上海市总工会消息法院处理了一起以领导点赞朋友圈证明加班事实的劳动纠纷案一员工休息时间推广公司产品发朋友圈后领导为其点赞后该员工被公司开除主张领导朋友圈点赞应视为加班公司应支付加班费双方为此对簿公堂员工被开除,要求
滁州琅琊区蛙人水下封堵-善于管理「施工单位」(2025新+排名一览)
滁州琅琊区蛙人水下封堵-善于管理「施工单位」(2025新+排名一览)标题:滁州琅琊区蛙人水下封堵:守护城市水下安全近年来,我国城市化进程的加快,城市水下基础设施的安全维护日益受到重视。滁州琅琊区作为一座历史悠久的城市,其水下基础设
“适度宽松”所释放的重要信号(2024版)(文字版+视频版合集)
每年的年底都有定调来年楼市关键会议,今天会议也出来了,房地产相关,天狼明天在给大家细说,今晚同样也是说重点的,那么是什么样的重点呢?适度宽松,对于这四个字,稍微熟悉楼市的购房者基本是熟悉的,今晚天狼给大家说下对于楼市而言,
相关文章
推荐文章
发表评论
0评