美文网首页
Hexo博客配置

Hexo博客配置

作者: 流星落黑光 | 来源:发表于2021-03-05 13:33 被阅读0次

2020年尝试自己在github搭博客,现在嫌麻烦就回到简书了。搭博客的方法记录下来,并且把去年的文章同步过来。


title: Hexo博客配置
date: 2020-08-12 00:09:17
categories:

  • 计算机软件
    tags:
  • hexo
  • github page

本文记录我使用github page+hexo搭建个人博客的过程和相关设置。

从零开始

暑假在家没事干突然萌生写博客的想法,一是最近看微信读书想写一些读后感抒发以下内心的想法,二是博客是要成为优秀程序员必备的(大概)。

从网上搜索github page,搭建博客方法大概有Hexo、Jekyll等,我随便选了一个名字比较帅的Hexo,正式开始。

参考了网上的文章:超详细Hexo+Github Page搭建技术博客教程【持续更新】利用 GitHub + Hexo + Next 从零搭建一个博客。这部分其实都差不多,能跑通就行了。

写博客的基本操作

初始化什么的就集合在上一步里了。

下面是使用hexo更新博客的基本操作:

  1. cd到本地博客文件夹下,使用hexo new "MarkdownName"建立名为MarkdownName的md文件,之后在md文件中编辑博客文本。

  2. 写好md文件后,使用如下指令就能运行并上传到github上了。

    hexo clean # 清除缓存
    hexo generate # 生成
    # hexo server # 本地预览
    hexo deploy # 部署到github上
    
  3. 打开博客网站查看结果

基本站点信息

通过配置文件./_config.yml修改基本的站点信息。

# Site
title: MeteorLiuM's Blog
subtitle: ''
description: 我很好奇!
keywords: 深度学习,读书分享,杂谈
author: MeteorLiuM
language: zh-Hans
timezone: Asia/Shanghai

NexT主题

参考NexT主页

注意区分站点配置文件./_config.yml和主题配置文件./themes/next/_config.yml

在默认基础上做的改动:

  • 生成tags和categories页面。

  • 使用NexT的动态背景canvas_ribbon,根据注释要先从github上下载,还可以更改参数。

  • 夜间模式darkmode: true

  • 数学公式

数学公式

使用MathJax渲染引擎。

在 Hexo 中使用 MathJax 渲染数学公式

整行的公式没问题,可以转行,可以对齐,但是行内公式没法用。比如a^2。需要在行内公式两个$左右再加`符号,也就是把它写在代码块里,才能正常显示$a^2$。但是这样的话又和本地typora矛盾。。总之尽量写成双$的公式形式吧。

valine评论区

参考Hexo-NexT 主题添加评论系统

Windows配置

最近用windows系统比较多,想把之前在ubuntu系统中的博客转到windows中来,没想到问题还不少。下面记录过程。

看网上的方法,大多是说先安装git、nodejs、hexo,然后把包括source、themes等几个文件复制进来就可以,但是我这样做使用hexo命令时总是出错。。只能init一个新的博客,再把文章和主题文件重新弄一遍。

目前刚把next主题和博客内容复制过来,主题细节调整还没做。

more

未完成的功能:转载,个人联系方式,插入图片。

相关文章

  • Blogging On Github

    使用Hexo+Github配置博客 初步使用Hexo+Github配置博客 进阶最详细的Hexo Next主题配置...

  • 树莓派Hexo博客配置

    树莓派Hexo博客配置 关于Hexo Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(...

  • Hexo博客搭建记录

    Hexo是一款优秀的静态博客,本文主要记录了在搭建Hexo博客时的一些安装配置。通过Hexo配置了自己的个人博客,...

  • 零基础用Hexo+Github 搭建博客2

    转载:Github Pages + Hexo搭建博客(二) 此篇博客主要讲解Hexo的站点配置、主题配置和使用以及...

  • Hexo使用、Markdown语法笔记

    Hexo 原文在博客MaxMa 命令 配置 npm install hexo -g //安装npm update ...

  • Hexo+GitHub 搭建个人博客(一):安装、配置和第一篇博

    Hexo+GitHub 搭建个人博客(一):安装、配置和第一篇博客 本文简单介绍Hexo+GitHub 搭建博客。...

  • Github Page+Hexo(二)

    配置Hexo 站点配置用到两个文件 : 对博客的配置H:\hexo\_config.yml, 对主题的配置H:\h...

  • 配置HEXO博客

    安装Node.JS 安装hexo 上面使用 hexo server启动服务后,通过树莓派的IP地址:4000端口,...

  • 配置Hexo博客

    关于怎么配置已经有点忘了,好记性不如烂笔头,决定记录下过程。 先马克下,随后更新。

  • hexo博客配置

    站点配置用到两个文件,一个是对整站的配置/blog/_config.yml一个是对主题的配置/blog/theme...

网友评论

      本文标题:Hexo博客配置

      本文链接:https://www.haomeiwen.com/subject/erprqltx.html