前言:hexo静态博客很早就耳闻了,鉴于时间和精力,之前一直没决心要做一个自己的个人网站。在使用hexo搭建静态博客之前,还有一个小插曲,之前曾经考虑过使用wordpress搭建个人网站,阿里云服务器和域名都已经购买,但是域名备份需要服务器运行3个月,这个点就很影响个人网站的使用,并且阿里云服务器一年的费用达到2000多,确实是一笔不小的开销。之后,转而投向谷歌github、百度coding的静态个人网站,好处是免费并且有平台提供的特定域名地址,而hexo可以满足目前这些所有的需要,个性化定制型强,搭配目前使用人数最多的next主题。目前搜索个人的博客中,大多数都是这个搭配。言归正传,下面就把玩hexo从搭建到收录完整的过程分享给大家,很多坑点网上是找不到的,千变一律的内容很难分析问题。
关键地址
NexT主题官方文档 hexo的一些部署配置可以简单参看,主要看NexT主题怎么在hexo中配置,定制个性化内容。
leancloud网站 博客集成阅读数,valine评论系统都需要用到。
hexo个性化icon网站 里面的icon名称可以使用到hexo中,替换并定制化icon,hexo的图标都是关联到这里的。
coding网站 国内存放静态博客界面代码
github网站 国外存放静态博客界面代码
注意:个人把静态博客分别上传到coding、github,方便国内和国外的搜索引擎爬取到内容。自己可以酌情选用。
百度收录站点 提交coding域名
谷歌收录站点 提交github域名
相关地址
valine评论系统用于博客集成评论系统
Node.js hexo需要先安装node.js环境
Git hexo在上传时需要用到git
5.1: git@github.com:iissnan/hexo-theme-next.git (个人使用版本)
6.0: git@github.com:theme-next/hexo-theme-next.git
博客参考地址
正文
1.准备工作,点击上面的Node.js进入到网页,然后下载安装Node.js环境,接着再把git也安装到本地。
2.如果git安装成功后,然后选择一个目录,右键选择Git Bash Here打开命令行窗口,安装并初始化hexo。依次执行如下命令:
npm install -g hexo-cli
hexo init Hexo
cd Hexo
npm install
如果都执行成功后,Hexo文件夹就是本地的个人静态网站内容了,以后修改定制都需要进入该目录操作里面的文件。
接下来,执行:
hexo s
当看到命令行窗口出现,INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.的内容时,说明启动成功了,然后在浏览器输入网址:http://localhost:4000/即可看到本地hexo网站了。
另外,补充几个hexo关键的操作命令:
hexo clean #清空hexo,主要删除Hexo根目录下的public文件夹
hexo g #重新成功public文件夹内容
hexo s #启动本地hexo服务
hexo d #发布到远程仓库
以后每次同步远程仓库,基本都是上面的命令顺序。
3.hexo默认的主题是landscape,我们需要安装使用人数最多,个性化最好的主题NexT。在命令行窗口输入:
git clone https://github.com/iissnan/hexo-theme-next themes/next
安装成功后,使用编辑器打开Hexo根目录下的_config.yml文件,把里面的landscape主题替换成next主题,然后hexo clean,hexo g,hexo s,然后刷新浏览器就可以看到新配置的主题了。
# Site
title: Hexo # 此处改为你站点的标题
subtitle: # 此处改为你站点的副标题
description: # 此处改为你站点的说明
keywords: # 此处改为你站点的关键字
author: John Doe # 此处改为你的名字
language: # 此处改为 zh-CN
timezone: # 此处改为 Asia/Shanghai
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com
root: /
permalink: :year/:month/:day/:title/ # 此处可以改为 :title/
permalink_defaults:
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape # 此处改为 next
4.把本地静态代码上传到远程仓库,github、coding等。首先我们需要分别在两个平台上注册,并新建一个项目。注意:新建的项目名称是有特定要求的,github上的名称必须是:{user_name}.github.io,coding上的名称必须是:{user_name}.coding.me,这个用户名你就看当时注册的时候用的是哪个即可。
接着打开Hexo根目录下的_config.yml文件,找到deploy:
deploy:
type: git
repo:
github: git@github.com:xxx/xxx.github.io.git,master
coding: git@git.coding.net:xxx/xxx.coding.me.git,master
修改好了之后,执行命令上传到远程仓库:
hexo g -d
最后,找到远程仓库,coding和github,把他们的pages主题都打开,等待一会,然后访问pages地址就可以看到你提交的个人网站了。
5.让百度谷歌收录个人网站,打开上面提到的百度收录,谷歌收录地址,统一选择文件验证的方式,百度这边的话在添加地址的时候,第一次可能需要填写个人信息,补充完毕后,添加网站,然后根据提示操作。这里提一个坑点,百度谷歌都是使用文件验证的方式,网上大多数的说法都是直接把文件放到Hexo根目录的source目录下,这种做法实验证明是有问题的,当我们执行hexo g生成静态界面的时候,hexo会把多余的内容添加到验证文件中,导致百度或者谷歌验证一直失败。解决方法就是,验证文件先不加,等待hexo g执行成功后,手动把验证文件copy到Hexo根目录下的public目录中,然后执行hexo d上传到远程仓库,最后再验证,可以看到百度谷歌都验证成功了。最后就等待审核通过后,输入site:地址,看看能否找到网站。
关于hexo主题的个性化设置及评论系统的集成,会另外开一篇文章分享。请持续关注。
网友评论