Hexo博客搭建以及Next主题美化的经验之谈
这并不是一篇博客搭建教程。内容主要包含个人对于Hexo博客搭建的心得,Next6.0主题美化的部分建议,以及摘录一些各种用于博客搭建的link。
在博客园3年6个月,确实也学到了很多,博客园也是目前为止相对比较好的博客平台。不忘初心,博客园可以说是做的非常好的了,无论在技术博客初衷上,还是万年不变的UI上(2333)。因此虽然自己建站了,但是博客园这边也不会荒废,会经常回来看的。
个人博客地址:furur.xyz
下面如正题。
个人博客的搭建不外乎两种,类似Wordpress的动态博客,类似Hexo的静态博客。前者搭建好了之后维护起来还是比较方便的,不管是发文还是添加分类等等都可以在后台管理中进行;而后者则需要手动进行管理,从博客的美化到内容的维护,当然也存在hexo-admin这类的插件。However,前者需要一个服务器,emmm,后者的话托管在github或者coding就ok,短时间内能用完100M的估计也是人才了。
Absolutely,博主选择了后者。Hexo的教程网上多了去了,也写的够详尽够简单了,毕竟Hexo本来也就是一个快速的blog搭建工具,因此也就不再写完整教程了。下面我会写一些针对于当前版本的Hexo以及最受欢迎的主题Next的一些tips,主要内容如下:
- 搭建一个Hexo&Next的最小博客系统
- Next主题美化心得
- 域名绑定
- 关于博客图片
- 备份维护的Tips
搭建一个Hexo&Next的最小博客系统
论最小系统的重要性。对于任何一个需要搭建的系统,无论是博客还是论坛,我都推荐新手先根据教程搭建一个最小系统。最小系统顾名思义,就是一个满足需求的最小化的系统。举个栗子,比如你需要搭建Wordpress,这个时候我们就可以先搭建一个最基本的Wordpress博客,即可以进行内容的发布和管理,然后再根据自己的需求去进行主题的美化和插件安装等等,这样操作会更具有条理性。完全没有必要第一次就期望能够顺利搭建完成,直接用于实际生产应用环境。
再看Hexo,Hexo搭建的过程就是单纯的配置文件形式和命令行。有些教程写的非常长,从安装环境、本地部署、美化、第三方插件写到域名、SEO优化等等。内容太多,太复杂,这对于新手就显得不那么友好了。因此在这里,我仅仅描述了如何搭建一个Hexo&Next的最小博客系统,不夹杂其余一些美化优化等操作,待大家玩熟了之后,再进行一些高级的配置。最小博客系统的搭建分为以下几个步骤:
- 本地环境搭建(Git、Node.js)
- Github创建博客仓库,初始化GitHub Pages
- 本地搭建Hexo博客
- 部署到GitHub Pages
- . 主题美化
Attention: 这里未包含域名绑定的过程,因为无论GitHub Pages还是Coding Pages,都可以通过用户名自带的域名访问,如果购买了域名的,可参考附录进行域名绑定。
1-4步具体的过程可参考GitHub Pages + Hexo搭建博客,按照这篇博客的步骤走,基本上几分钟时间就可以搭建一个默认主题的Hexo博客了。
默认的主题并不是那么好看,这里我们选择目前最流行的Hexo Next主题,该主题非常简洁,并且有非常详细的配置文档,对于不愿意花大时间在博客美化上的人来说,是极好的。
主题应用具体可参考Next官方文档,我们需要根据文档配置一下信息:
- Scheme
- 语言
- 菜单,包括标签、分类、关于等
- 作者昵称和站点描述
经过以上几个步骤的配置,一个基本的个人博客就已经成型了,可以在上面进行内容的发布,这也就是上面所提到的一个最小系统。
Next主题美化心得
搭建完最小系统的Hexo博客,其实已经可以正常工作了。但是Next主题给了我们更多DIY的空间,根据官方配置文档,我们还能配置例如评论、统计分析、搜索等其他一系列的功能。大家可以根据自己的喜好进行配置。
但是,需要提出的就是,Hexo本身主打的是轻量级博客系统,过多的美化可能会导致博客的卡顿。因此,我只推荐以下个性化设置:
- Github banner
在Next6.0之后,配置自带github_banner
,只需要在后面添加自己的github地址即可,例如:
github_banner: https://github.com/maoqyhz || Follow me on GitHub
- 博文置顶
- 评论系统和单篇文章统计
这里把这两部分何在一起,主要他们都用到了LeanCloud服务。LeanCloud是一个后端服务商,我们在上面注册后,就可以免费使用其统计和评论的服务。当然,据说leancloud_visitors
有一个安全问题,对此比较敏感的可通过Leancloud访客统计插件重大安全漏洞修复指南进行手动修复,也可忽略。 - 全站统计
- 开启本地搜索
- 博客字数统计和阅读所需时间
旧版的next主题使用的是hexo-wordcount
插件,新版已替换成hexo-symbols-count-time
上述的美化配置,均可在Next官方文档和hexo的next主题个性化教程:打造炫酷网站中找到。
域名绑定
github page自带二级域名,同时也支持绑定个人域名。
域名其实分为注册和绑定两部分。
第一,需要去域名服务商哪里购买域名,国内:万网、Dnspod;国外选择余地就更大了,具体的价格可参考www.domcomp.com。博主是在namesilo里买的,价格相对比较便宜。
第二,域名绑定。如果是像博主这样在国外服务商买的域名,一般就不使用其域名解析服务(NS)了,可以换成国内的Dnspod。然后设置别名即可,不需要添加A记录。
具体操作如下:
- 更换域名服务商的NS,以namesilo为例。
在Dnspod中添加域名和记录。
在博客源文件
source/
目录下创建一个无文件类型的文件CNAME
,并添加自己的域名,例如furur.xyz
。更新部署到github上。
由于NS修改需要时间,过一段时间可以刷新下网页看看。
关于博客图片
Hexo博客搭建完后,大多会选择部署到Github Pages或者Coding Pages上去,这时候由于空间问题,大家可能会对于博客中的图片放哪的问题存在困惑。网上大多数的人都推荐使用各种图床或者云服务(七牛云)。但是个人觉得如果不是嫌图片加载的速度过慢,其实直接上传图片到github就可以了。Github Pages每人的空间有100M,毕竟技术博客中包含的图片有限,实在有大图,可以先进行在线压缩。一般一篇博客1M都不到,待有恒心写满100篇博客在说吧。上传图片,需要将Hexo配置文件中的post_asset_folder
设为true,然后在博客创建时,会在source文件夹下创建于博客同名的文件夹。在里面放图片,博客中直接引用文件名即可。
备份维护的Tips
Hexo博客需要本地静态部署后,push到服务器上去。善于思考的,应该会想到如果换电脑了,应该如何继续写博客部署到服务器上去呢?具体可参考使用hexo,如果换了电脑怎么更新博客?
其实原理很简单,知乎中提到的这么多方法,无非就是将除了部署生成的文件之外,其余的文件夹以及配置文件都单独保存好即可。保存的方法自然有很多,可以新建一个源代码分支,也可单独用云服务进行备份。
总结
对于coding相关的人来说,Hexo的搭建可以说是非常简单了,加上网上资料丰富,大家可以随意折腾~~~
附录
教程列表
备份维护
主题美化
插件
Hexo博客搭建以及Next主题美化的经验之谈的更多相关文章
- U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索
指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索 U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写he ...
- Hexo博客Next v7.X 主题升级,美化警示录
本文转载于:Hexo博客Next v7.X 主题升级,美化警示录丨奥怪的小栈 前言 经历了好几天(懒癌晚期懒得数了)的与主题升级斗争后,我终于完成基本上完成了next主题的升级!升到了V7.3!哈哈哈 ...
- [原创]HEXO博客搭建日记
博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...
- Hexo博客搭建全解
[原创,转载请附网址:http://dongshuyan.top] 欢迎来到莫与的博客,第一篇记录了一下怎么写一篇博客,以方便之后写博客~ #从配置说起下载安装Git与Node.js略过 1.安装he ...
- w10环境下Hexo博客搭建
w10使用hexo+github手把手搭建自己的第一个博客 对一个程序员来说,博客的重要性不言而喻,不但可以积累知识,还可以更好的给别人分享自己的心得.今天就以时下比较流行的hexo博客搭建属于自己的 ...
- 【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)
一.部署到阿里云服务器 既然博客也已经成功在本地部署,然后主题也成功安装,接下来就可以部署到服务器上面了,如果你也想要魔改matery主题,可以去各种博客上面找一找大佬的教程,或者联系我,也可以让你少 ...
- 强大博客搭建全过程(1)-hexo博客搭建保姆级教程
1. 前言 本人本来使用国内的开源项目solo搭建了博客,但感觉1核CPU2G内存的服务器,还是稍微有点重,包括服务器内还搭建了数据库.如果自己开发然后搭建,耗费时间又比较多,于是乎开始寻找轻量型的博 ...
- GitHub入门(一)GIT配置与Hexo博客搭建
首先安装配置Git环境,由于本人使用Windows操作系统所以从msysgit.github.io下载msysGit Windows版本,安装.(Mac一般自带Git) 安装的时候一般使用默认选项,其 ...
- 【基础篇】hexo博客搭建教程
[基础篇]搭建hexo博客(一) 作者:Huanhao bilibili:Mrhuanhao 前言 你是否想拥有属于自己的博客?你是否无奈与自己不会写网站而烦恼? 不要担心,本系列教程将会实现你白嫖的 ...
随机推荐
- ionic入门
ionic安装 Ionic开发是依赖于Nodejs环境的,所以在开发之前我们需要安装好Nodejs.下载安装:http://nodejs.org/安装完成之后打开PowerShell输入命令node ...
- MySQL参数log_bin_trust_function_creators介绍-存储过程和复制
MySQL的有个参数log_bin_trust_function_creators,官方文档对这个参数的介绍.解释如下所示: log_bin_trust_function_creators Comma ...
- 机器学习算法_knn(福利)
这两天翻了一下机器学习实战这本书,算法是不错,只是代码不够友好,作者是个搞算法的,这点从代码上就能看出来.可是有些地方使用numpy搞数组,搞矩阵,总是感觉怪怪的,一个是需要使用三方包numpy,虽然 ...
- python最全学习资料:python基础进阶+人工智能+机器学习+神经网络(包括黑马程序员2017年12月python视频(百度云链接))
首先用数据说话,看看资料大小,达到675G 承诺:真实资料.不加密,获取资料请加QQ:122317653 包含内容:1.python基础+进阶+应用项目实战 2.神经网络算法+python应用 3.人 ...
- Vue、Vuex+Cookie 实现自动登陆 。
概述 1.自动登陆实现思路. 2.vuex + cookie 多标签页状态保持. 自动登陆的需求: 1.登陆时勾选自动登陆,退出登陆或登陆到期后再次登陆后自动填写表单(记住密码)或访问登陆页自动登陆. ...
- JDBC学习笔记之SQLException介绍
1. SQLException 的概述 当使用 JDBC 与数据源(在本文中的数据源表示我们实际使用的数据库)进行交互的时候遇见错误的时候,将会抛出名为 SQLException 的异常.一个 SQL ...
- golang的json序列化问题
首先看一段代码: package main import ( "encoding/json" "fmt" ) type Result struct { //st ...
- 【洛谷】【二分查找】P1102 A−B数对
[题目描述:] 给出一串数以及一个数字 C ,要求计算出所有 A−B=C 的数对的个数.(不同位置的数字一样的数对算不同的数对) [输入格式:] 第一行包括 2 个非负整数 N 和 C ,中间用空格隔 ...
- [Sdoi2010]古代猪文 (卢卡斯定理,欧拉函数)
哇,这道题真的好好,让我这个菜鸡充分体会到卢卡斯和欧拉函数的强大! 先把题意抽象出来!就是计算这个东西. p=999911659是素数,p-1=2*3*4679*35617 所以:这样只要求出然后再快 ...
- Linux下安装ElasticSearch 5 和配置外部访问
https://www.cnblogs.com/hts-technology/p/8477291.html (一)ElasticSearch需要jdk1.8以上版本的支持,所以需要先安装jdk.lin ...