Hexo Next博客搭建

来源:互联网 发布:javascript 加载顺序 编辑:程序博客网 时间:2024/05/17 02:00

部署简要概述

           1.首先需要创建一个github账号,然后 新建一个代码仓库           2.配置SSH密钥,建立本地与github的连接           3.安装 Git 与Node.js           4.安装 Markdownpad (win10系统下需要安装 awesomium_v1.6.6_sdk_win.exe)           5.安装 Hexo 插件与选择主题           6.美化主题与添加第三方插件           7.使用 Markdown 语法与 Git 指令编写发布博文       

添加第三方插件

添加文章阅读统计

NexT主题最新版本已经添加了文章阅读功能,所以只需要在主题配置文件_config.yml中配置即可。

leancloud_visitors:  enable: true  app_id: #<AppID>  app_key: #<AppKEY>

此处需要注册leancloud账号,点击注册,在控制台中创建应用,在设置中应用Key里获取App ID 与 App Key,填入_config.yml文件中。

添加评论框(使用多说)

使用多说前需要创建在多说创建站点,然后在站点配置文件_config.yml下添加

disqus_shortname: your-disqus-shortname

如需取消某个 页面/文章 的评论,在 md 文件的 front-matter 中增加 comments: false

添加站内搜索功能(使用 Swiftype )

前往 Swiftype 注册页面,注册一个新账户。创建搜索引擎,激活搜获,获取 INSTALL CODE 中的 swiftype_key,然后在站点配置文件下添加如下内容

# Swiftype Search Keyswiftype_key: xxxxxxxxx

自定义修改

对于图标修改

在主题配置文件中添加社交链接如微博,需要在FontAwesome 网站上寻找图标,然后配置如下

social_icons:    #社交的图标  enable: true  GitHub: github  Twitter: twitter  Weibo: weibo
menu_icons:  enable: true  #KeyMapsToMenuItemKey: NameOfTheIconFromFontAwesome  home: home  about: user  categories: th  tags: tags  archives: archive  envelope: envelope #自定义添加的图标

访问修改

自定义翻译

当自定义添加菜单时需要在languages文件下配置语言,在zh-Hans.yml文件中配置如下

 menu:  home: 首页  archives: 归档  categories: 分类  tags: 标签  about: 关于  search: 搜索  envelope: 留言                

绑定域名

由于百度不收录 github pages 想要招揽人气的可以绑定域名,首先购买域名 在github代码仓库的主目录下创建 CNAME 文件,在其中填写域名。
然后在CMD控制台指令中输入ping username.github.io 查看你的ip如下

正在 Ping prod.github.map.fastlylb.net [ip] 具有 32 字节的数据:                

最后添加域名解析,设置ip地址即可。

最终效果

srforever.cn

这里写图片描述

最后建议

1.使用Hexo框架一定要了解每个文件与文件夹的作用。public文件夹是上传到github中的内容,source文件夹是博客中的本地内容。修改内容主要在站点配置文件与主题配置文件中。
2.使用git指令推送文章至github上先使用 hexo clean 指令清除缓存,然后在推送至github上。当推送没有成功时,留意git指令推送产生的说明。

原创粉丝点击