Hexo博客优化

一、发布文章

在source/_posts目录下存放文章,后缀为md或markdown都可

打开一篇文章,开头需要配置一下。

title: "hexo"
date: 2015-02-02 00:00:00 -0700
tags: hexo
category: hexo
---

上面是一些最基本的配置,依次为 标题、日期、标签、分类

如果需要其他属性也可以添加。

二、修改日期显示格式

默认显示的是如下英文格式,我们可以把它修改为按中文显示

打开根目录下的_config.yml文件找到

date_format: MMM D YYYY

修改为:

date_format: YYYY年MM月D日

效果如下:

注:如果出现乱码,请注意编码格式

三、导航栏添加”关于”

hexo new page "about"

然后到source/about/index.md 编辑内容。

在themes/light/_config.yml中,添加如下:

menu:
  Home: /
  Archives: /archives
  关于: /about

四、添加友情链接widget

1、在themes/light/layout/_widget中新建名为links.ejs的文件,编辑内容如下:

<div class="widget tag">
   <h3 class="title">友情链接</h3>
   <ul class="entry">
    <li><a href="itmyhome.com" title="itmyhome">麦田技术博客</a></li>
   </ul>
</div>

2、在themes/light/_config.yml中,添加如下:

widgets:
- links

五、主页文章显示摘要

编辑md文件的时候,在要作为摘要的文字后面添加<!--more-->即可。

六、添加“多说”评论

参考:Hexo中使用多说评论系统

七、访问加载缓慢的问题

这是由于Google字体库引起的Hexo首页加载缓慢(巨慢)

解决方法:在hexo\themes\主题\source\css_base\variable.styl中,

找到 @import url("//fonts.googleapis.com/css?family=Lato:400,400italic") 这句并注释掉

重启即可

注:以上主要是针对light主题进行优化,其他主题也可参考以上内容。

原文首发:麦田技术博客

作者:itmyhome

时间: 2024-10-07 07:40:41

Hexo博客优化的相关文章

Hexo博客添加在线联系功能

title: Hexo博客添加在线联系功能 date: 2018-08-29 21:03:11 tags: - 博客 - git - hexo - 博客优化 categories: 搭建博客 --- Hexo博客添加在线联系功能 Hexo博客如何添加在线联系功能呢,发现了一个不错的网站可以提供在线联系的服务,当有用户在网页上给你留言后会通过邮件或者微信通知你,可以及时的解答用户的疑问. 最终的效果可以参考我博客的右下角,有个聊天的按钮,效果如下所示: 配置方法如下: 首先到DaoVoice上注册

将hexo博客同时部署发布托管到github和coding

title: 将hexo博客同时部署发布托管到github和coding date: 2018-08-30 00:12:11 tags: - 博客 - git - coding - hexo - 博客优化 categories: 搭建博客 --- 前言 之前我们把hexo托管在github,但是毕竟github是国外的,访问速度上还是有点慢,所以想也部署一套在国内的托管平台,之前查资料听说gitcafe,但是听说gitcafe已经被coding收购了,所以就决定部署到coding. 查询了多方资

U盘便携式hexo&amp;博客搭建&amp;极速纯净低bug主题推荐&amp;部署到coding&amp;SEO优化搜索

指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索 U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写hexo博客,一个U盘+几个网站即可搞定.便携式hexo,其免去Nodejs 和 Git 的安装和配置还包含了配置和懒人脚本.好处就是省事.简单.方便 便携式hexo下载及使用方法,由 HEXO Portable | 比特萌信息技术 免费提供服务.(这里使用的版本是1.0.3) 几个网站: 折腾选用:hexo中文文档

将Hexo博客部署到云主机

摘要: 在云主机上搭建一个 git 裸仓库,然后使用 nginx 作为网页服务器,就可以轻松将 Hexo 博客通过 git 部署到云主机上. 这是一个忧伤的故事 我的博客KiwenLau之前部署在Coding Pages上,挺不错的,还可以一键启用 HTTPS.作为一个喜欢折腾的人,我突然打算使用 CDN 加速一下访问速度,然而,国内的 CDN 服务要求网站必须备案.特意邮件问了 Coding 的客服,看来他们近期是不打算支持备案的,于是我就不得不考虑弄个云主机来玩玩了. 后来,Coding P

为Hexo博客添加评论模块

1. 登录多说网站http://duoshuo.com/,创建站点: 123 可以使用常用的社交账号进行登录,无需注册选择`我要安装`来创建一个站点录入基本的创建信息,点击`创建`按钮来创建一个站点 2. 修改主题配置文件: 我用的主题是freemind,主题地址https://github.com/wzpan/hexo-theme-freemind.git,修改主题的步骤请参考”修改Hexo博客主题”1.打开当前主题路径/_config.yml,找到duoshuo_shortname标签,设置

Hexo博客迁移到Coding

Coding是一个面向开发者的云端开发平台,目前提供代码托管,运行空间,质量控制,项目管理等功能. Coding提供社会化协作功能,包含了社交元素,为开发者提供技术讨论和协作平台. 一.创建项目 注:选择公开 点击创建之后 获取页面HTTPS或SSH地址 二.Clone项目到本地 $ git clone https://coding.net/itmyhome/blog.git blog 三.推送代码 如果已有hexo博客代码 放在blog目录下(.deploy .git除外),其他不变 修改根目

搭建hexo博客

安装Git 下载 msysgit 并执行即可完成安装. 安装Node.js 在 Windows 环境下安装 Node.js 非常简单,仅须下载安装文件并执行即可完成安装. 安装hexo 利用 npm 命令即可安装.(在任意位置点击鼠标右键,选择Git bash) npm install -g hexo 安装完成后,在你喜爱的文件夹下(如E:\hexo),执行以下指令(在H:\hexo内点击鼠标右键,选择Git bash),Hexo 即会自动在目标文件夹建立网站所需要的所有文件.创建hexo文件夹

SEO博客优化关于友情链接优化窍门

注册域名的时分挑选跟自个做的博客有关,不论你是做自个仍是做区域SEO,首先得有关,为何首先说这个,也是我自个博客最大的缺陷,当初做博客的时分,彻底没有考虑到域名有关性,仅仅单纯的注册了自个的名字加上自个的出世月日.我所说的并不是单纯的用户体会,所谓的用户体会即是站在用户视点去看待自个的网站,前面说过,博客不要为了排行而去硬写用户看不懂的文章,不论你是不是做SEO博客,或许其他博客,最佳有可读性,因为一旦有用户进入你博客,我信赖他是有意向才进的,这个时分假如你写的文章跟你标题或许描绘不太有关,用户

ubuntu安装hexo博客

ubuntu下安装hexo博客 一 安装git sudo apt-get install git 二 安装nodejs 官网下载linux安装包.tar.gz文件 解压 tar zxvf 这样变可以切到该文件下执行node npm 如果要在任意目录可以访问的话,需要将node 所在的目录,添加PATH环境变量里面,或者通过软连接的形式将node和npm链接到系统默认的PATH目录下的一个,软链接方式如下 ln -s /home/kun/mysofltware/node-v0.10.26-linu