Hexo Next博客搭建

部署简要概述

           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 Key
swiftype_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指令推送产生的说明。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值