分享好友 最新动态首页 最新动态分类 切换频道
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官方文档(中文版


最新文章
涨停雷达:AI消防+机器人 青鸟消防触及涨停
  今日走势:()今日触及涨停板,该股近一年涨停1次。  异动原因揭秘:1、12月4日互动:子公司科力恒研发的5升脉冲炮技术可搭载在消防无人机上,实现远距离实现精准、高效的灭火作业,极大地提升了应急救援的效率与安全性。2、3月21日
评复旦大学“AI六个禁止”:出发点是好的,执行是困难的
来源:雪球App,作者: 丁道师,(https://xueqiu.com/8420237945/316221920)日前,复旦大学“AI六个禁止”引发关注。 复旦大学发布的这份《复旦大学关于在本科毕业论文(设计)中使用AI工具的规定(试行)》,具体包括禁止使用AI工具生成或改
质量曝光OPPO Find X3 Pro和华为HUAWEI nova 9哪款好用点?有何区别?深度爆料评测
OPPO Find X3 Pro和华为HUAWEI nova 9选择哪个好些?要怎么区别?二个OPPO Find X3 Pro和华为HUAWEI nova 9差别不大的哈,经过比较后我订是OPPO Find X3 Pro,我不玩游戏,觉得手机运行挺快的,这个内存 大小对我也够用,拍照也很清晰,这
Win8优化大师
Win8优化大师为用户带来了最强,最全面的系统优化软件,集合了,系统优化,垃圾清理,系统维护,软件检测等,多种功能为一体,带给用户全新的体验。在这里用户能够轻松的简化各种操作,减轻系统运行的阻碍,极大的提升系统的运行速度,同时
通达信进入强势区域主图指标 妖股起飞 源码分享 附图
好股网(www.goodgupiao.com)提示:您正在下载的是:通达信进入强势区域主图指标 妖股起飞 源码分享 附图如何判断一个指标是否是好指标?指标的意义在于提示主力的异动。那么怎么才有利于我们更快更容易把握住主力脉搏呢?我们应该力求指标
笔趣阁无广告纯净版蓝色下载2024
笔趣阁无广告纯净版蓝色下载2024是一款免费的经典小说app,为用户提供了便捷的阅读平台。用户可以在该软件中搜索并观看各种平台的小说,无需切换不同的阅读应用,一站式满足用户的阅读需求。而且,这个蓝色版的app没有广告,用户可以享受纯
西瓜视频推广投流合作
2017年06月13日时胜蕊100抖音、快手、微信朋友圈、百度、360、搜狗、神马、广点通、小红书、微博、今日头条等网络推广渠道技术开发、技术推广、技术转让、技术咨询、技术服务;销售自行开发的产品;计算机系统服务;基础软件服务、应用软件
SEO与网站优化小小课堂SEO培训教程
什么是SEO?网站优化又是什么?SEO是网站优化吗?今天,小小课堂网就来谈谈SEO与网站优化。希望对大家有所帮助。一 、什么是SEO?SEO,英文全称“Search Engine Optimization”,译为“搜索引擎优化”,是针对搜索引擎进行排名优化的一种技
谷歌推广:如何选择适合的产品进行搜索引擎优化?
在当今数字化时代,谷歌推广已成为企业获取更多曝光和潜在客户的重要手段。然而,选择适合在谷歌推广的产品并进行搜索引擎优化并非易事。本文将为您介绍如何根据产品特性和谷歌搜索引擎算法来选择适合的产品,并提供一些实用的优化技巧。第
郑州网站推广报价
郑州网站推广报价因服务内容、公司规模和市场需求等因素而异。网站推广报价包括网站SEO优化、关键词广告投放、社交媒体营销等多个方面。具体报价需根据企业需求和预算进行定制,通常包括基础服务费、广告费用等。在选择网站推广服务时,企
相关文章
推荐文章
发表评论
0评