Hexo丨Hexo主题优化及插件配置,Hexo博客站点被百

2019-11-26 16:35 来源:未知

Hexo + Next主题 搭建博客 "真"零基础安装配置

最终成果: 本站

上一篇讲了Hexo博客的搭建和部署,这次来补充下主题安装和常用插件的配置。我选择了yilia主题,插件也只装了评论框、访问量统计、站点地图这些,并非全部插件哦。

精心写一篇博文但是没人看怎么办呢?百度搜不到,谷歌搜不到?别慌,还需要将你的网站提交到百度和谷歌。

node.js

官网下载: 下一步下一步安装法

node-v8.9.3-x64

C:softEnvirnodejs

验证安装:

mark

话不多说,直接进入正题吧!

在开始之前,你可以按照以下格式在百度和谷歌搜索下你的网站:
[图片上传失败...(image-465341-1516176040994)]

设置npm下载目录

npm config set prefix D:softEnvDownnodejsnode_global
npm config set cache D:softEnvDownnodejsnode_cache
npm config ls

npm模块安装的默认全局路径已经改到了相应的文件夹中,但是 这时候用户还是无法require这些模块。因为电脑系统现在还不知道你把默认路径给改了,所以需要在win+R-->“sysdm.cpl-->高级-->环境变量打开设置对话框。

  • 首先在系统变量中新建,新建一个名为NODE_PATH的变量,变量值: 全局模块的文件夹中的node_modules文件夹的绝对路径.

即:D:softEnvDownnodejsnode_globalnode_modules

配置文件目录:C:Usersmtian.npmrc

  1. 主题安装
    在终端执行命令:git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia,修改hexo根目录下的_config.yml文件,theme: yilia。在执行命令cd themes/yiliagit pull,更新主题。

  2. 主题配置

    1. 添加网站信息,修改hexo根目录下的_config.yml文件:

[图片上传失败...(image-9005d-1516176040994)]
注意:提交到谷歌需要科学上网。

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

title: 网站名称
subtitle: 网站副标题
description: 网站描述
author: 拥有者
2. 开启关联账号,修改主题目录下的_config.yml文件:python
subnav:
twitter: "对应链接"
facebook: "对应链接"
weibo: "对应链接"
3. 添加头像、favicon和打赏二维码,图片url我都用的七牛云,修改主题目录下的_config.yml文件:python
支付宝二维码图片地址
alipay: "对应链接"
微信二维码图片地址
weixin: "对应链接"
python 你的头像url avatar: "对应链接"python
favicon: "对应链接"
```

提交百度搜索引擎

登录http://ziyuan.baidu.com/site/index

ps:可能需要个人信息认证,按照提示认证即可!

[图片上传失败...(image-5690fe-1516176040994)]

Git安装

Git-2.15.1.2-64-bit(同样官网下载: 下一步下一步安装法

C:softEnvirGit

  1. 修改文章模板
    想要在每次生成文章的时候,自动生成categories:,打开博客根目录scaffolds中的post.md,修改如下

点击添加站点

会看到如下界面:
[图片上传失败...(image-c308d2-1516176040994)]

hexo-cli: 1.0.4安装

cmd控制台下:

  `npm install -g hexo-cli`

title: {{ title }}
date: {{ date }}
tags:
categories:
```

在图中文本框添加你的个人网站域名

最好是带上www

初始化hexo博客目录

D:/mtianBlog:

hexo init hexoBlog

  1. 域名绑定
    在Godaddy购买好域名,建议用Dnspod来解析。先登陆Godaddy将域名服务器更改为f1g1ns1.dnspod.netf1g1ns1.dnspod.net,再到Dnspod添加域名,添加主机记录分别为@www,记录类型为CNAME的,记录值指向Github页面的2条记录,如图:

    图片 1

设置站点领域

这里我选择信息技术,点击下一步。

下载next主题及主题美化

官方文档地址: http://theme-next.iissnan.com/

下载主题next:v5.1.4。名字改为next

然后放入D:mtianBloghexoBlogthemes

hexo clean

hexo s --debug
再到博客根目录的`source`中添加一个名为`CNAME`文件,注意该文件是没有后缀的,内容就是域名,格式如:

选择验证方式

TAG标签:
版权声明:本文由金沙澳门官网4166发布于文物考古,转载请注明出处:Hexo丨Hexo主题优化及插件配置,Hexo博客站点被百