2019基于Hexo快速搭建个人博客,打造一个炫酷博客(1)-奥怪的小栈

本文转载于:奥怪的小栈

这篇文章告诉你如何在2019快速上手搭建一个像我一样的博客:基于HEXO+Github搭建。并完成SEO优化,打造一个炫酷博客。

本站基于HEXO+Github搭建。
所以你需要准备好HEXO+Github等相关软件和工具。

前言

现在已经是2019年了,你还没有自己的博客就out了!所以,我为了赶上时代的潮流,花费了几天的时间,从零基础到入门。搞出来了这样的一个博客。
在这里跟大家分享一下经验。
由于网上已经有很多而且很详细的hexo搭博客教程了,我就不再学习他们,把全部过程都放出来了,小白可以看 致谢 部分内的文章。
HEXO文档NexT主题文档真的很有帮助!一定要看!
!!我会把本站独特的优化放到这篇文章里:https://aoguai.top/archives/dccf2fa6.html,方便大家查看(当然你得先看完这篇文章)。!!

致谢

官方文档:
hexo文档:https://hexo.io/zh-cn/
NexT主题文档:http://theme-next.iissnan.com/getting-started.html

参考文章:

暂时放着参考文章先,有空再自己写一下。
我也是看着以下大佬的文章照葫芦画瓢写出来的:(从入门到个性化,按开始搭建到个性化配置的顺序排序)

PS:其中SEO优化部分有些方法已经失效!请勿再从里面复制粘贴!特别是百度自动推送插件那部分!
PS:点击鼠标出现❤好像已经失效了!

使用hexo+github搭建免费个人博客详细教程 – 我是小茗同学 – 博客园| ookamiAntD’s Blog:https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html)

基于Hexo+Github+Coding搭建个人博客——基础篇(从菜鸟到放弃) | ookamiAntD’s Blog:https://yangbingdong.com/2017/build-blog-hexo-base/)

基于Hexo搭建个人博客——进阶篇(从入门到入土) | ookamiAntD’s Blog:http://yangbingdong.com/2017/build-blog-hexo-advanced/#%E5%9F%9F%E5%90%8D%E7%BB%91%E5%AE%9A%E7%AF%87)

Hexo 的 NexT 主题个性化教程:打造炫酷网站:http://shenzekun.cn/hexo%E7%9A%84next%E4%B8%BB%E9%A2%98%E4%B8%AA%E6%80%A7%E5%8C%96%E9%85%8D%E7%BD%AE%E6%95%99%E7%A8%8B.html

_ 打造个性超赞博客 Hexo + NexT + GitHub Pages 的超深度优化: https://io-oi.me/tech/hexo-next-optimization.html_

_ Hexo常见问题解决方案: https://xuanwo.io/2014/08/14/hexo-usual-problem/_

SEO优化基础(复制粘贴就能用)推荐看这个,亲测(不排除再失效,慎重的自测一下)没问题:

_ Hexo博客之后续SEO优化 – 简书: https://www.jianshu.com/p/c20bb9df1867?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation
Hexo-Next搭建个人博客(SEO优化): https://yfzhou.coding.me/2018/08/29/Hexo-Next%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%EF%BC%88SEO%E4%BC%98%E5%8C%96%EF%BC%89/_

_
一些你可能会用到的网站的官网:_

免费域名申请,网速对国内玩家不友好,建议自备梯子。
Freenom: https://www.freenom.com/zh/index.html?lang=zh)
DNS解析,腾讯的。不需要梯子。
dnspod: https://www.dnspod.cn/
如果你连github的用途都不知道,建议回去看上面的文章。
github: https://github.com/
可以将博客图片上传到这来。(这个比较麻烦,新手慎重)
七牛云: https://portal.qiniu.com/
免费图床,也可以将博客图片上传到这来。
SM.MS: https://sm.ms/
本博客评论系统官网。(搭建方法可以看NexT主题文档)
来必力: https://www.livere.com
SEO优化用
百度搜索资源平台: http://zhanzhang.baidu.com/)
Google提交入口: https://www.google.com/webmasters/tools/home?hl=zh-CN)
360提交入口: http://info.so.360.cn/site_submit.html)

常用的命令

hexo常用命令:

hexo new "title" # 生成新文章: \source\_posts\title.md
hexo new page "title" # 生成新的页面, 后面可在主题配置文件中配置页面
生成文章或页面的模板放在博客文件夹根目录下的 scaffolds/ 文件夹里面, 文章对应的是 post.md , 页面对应的是page.md, 草稿的是draft.md
hexo init [folder] # 初始化一个网站. 如果没有设置 folder , Hexo 默认在目前的文件夹建立网站
hexo new [layout]

git config --global user.name "YOURUSERNAME" # 修改git用户名
git config --global user.email "YOUREMAIL" # 修改git邮箱

npm uninstall XXX,卸载某个插件 例如
npm uninstall hexo-generator-sitemap --save
npm uninstall hexo-generator-baidu-sitemap --save
npm uninstall hexo-abbrlink --save

文章的模版文件:
用 Hexo 写文章是直接用 Markdown 写的,
你可以直接通过在~/blog/source/_posts/下新建.md结尾的文件来写新的文章。
你可以通过自定义文章的模版文件,从而每次命令行新建的文章都会有你自定义的内容。
注意:如果自己直接新建文件,一定要记得加上文件最上方的参数,即下面的相关内容,还有编码请用 UTF-8。

关于文件最上方的参数,参见 Hexo 官方文档的 Front-matter 和页面变量,下面是总结:

/* !!!!!!!!!!
** 每一项的 : 后面均有一个空格
** 且 : 为英文符号
** !!!!!!!!!!
*/

title:
/* 文章标题,可以为中文 */

date:
/* 建立日期,如果自己手动添加,请按固定格式
** 就算不写,页面每篇文章顶部的发表于......也能显示
** 只要在主题配置文件中,配置了 created_at 就行
** 那为什么还要自己加上?
** 自定义文章发布的时间
*/

updated:
/* 更新日期,其它与上面的建立日期类似
** 不过在页面每篇文章顶部,是更新于......

** 在主题配置文件中,是 updated_at
*/

permalink:
/* 若站点配置文件下的 permalink 配置了 title
** 则可以替换文章 URL 里面的 title(文章标题)
*/

categories:
/* 分类,支持多级,比如:
- technology
- computer
- computer-aided-art
则为 technology/computer/computer-aided-art
(不适用于 layout: page)
*/

tags:
/* 标签
** 多个可以这样写 [标签1,标签2,标签3]
** (不适用于 layout: page)
*/

description:
/* 文章的描述,在每篇文章标题下方显示
** 并且作为网页的 description 元数据
** 如果不写,则自动取 
** 之前的文字作为网页的 description 元数据
*/

keywords:
/* 关键字,并且作为网页的 keywords 元数据
** 如果不写,则自动取 tags 里的项
** 作为网页的 keywords 元数据
*/

comments:
/* 是否开启评论
** 默认值是 true
** 要关闭写 false
*/

layout:
/* 页面布局,默认值是 post,默认值可以在
** 站点配置文件中修改 default_layout
** 另:404 页面可能用到,将其值改为 false
*/

type:
/* categories,目录页面
** tags,标签页面
** picture,用来生成 group-pictures
** quote?
** https://io-oi.me/tech/test.html
*/

photos:
/* Gallery support,用来支持画廊╱相册,用法如下:
- photo_url_1
- photo_url_2
- photo_url_3
https://io-oi.me/tech/test.html
*/

link:
/* 文章的外部链接
** https://io-oi.me/tech/test.html
*/

image:
/* 自定义的文章摘要图片,只在页面展示,文章内消失
** 此项只有参考本文 5.14 节配置好,否则请勿添加!
*/

sticky:
/* 文章置顶
** 此项只有参考本文 5.15 节配置好,否则请勿添加!
*/

password:
/* 文章密码,此项只有参考教程:
** http://shenzekun.cn/hexo的next主题个性化配置教程.html
** 第 24 节,配置好,否则请勿添加!
** 发现还是有 bug 的,就是右键在新标签中打开
** 然后无论是否输入密码,都能看到内容
*/

Markdown 语法(写文章时候用):

1.[//]: # (注释,不会在浏览器中显示。)
————————————————————————————————————————————————————————————————————
2.使用= 和 -,标记一级和二级 标题。
例如:
一级标题
=
二级标题
-
使用 #,可以表示 1-6级 标题。
第一级标题

## 第二级标题

### 第三级标题

#### 第二四级标题

##### 第五级标题

###### 第六级标题
` ———————————————————————————————————————————————————————————————————— 3.段落的前后要有空行,所谓的空行是指没有文字内容。若想在段内强制换行的方式是使用两个以上空格加上回车(引用中换行省略回车) ———————————————————————————————————————————————————————————————————— 4.在段落的每行或者只在第一行使用符号 > ,还可使用多个嵌套引用,如: > 区块引用 > > 嵌套引用 > > >三嵌套引用 > > > > 四嵌套引用 ———————————————————————————————————————————————————————————————————— 5.代码区块的建立是在每行加上4个空格或者一个制表符(如同写代码一样)。如普通段落: fun main(args: Array

Original: https://www.cnblogs.com/aoguai/p/11238689.html
Author: 奥怪
Title: 2019基于Hexo快速搭建个人博客,打造一个炫酷博客(1)-奥怪的小栈

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/642640/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • NYOJ 741 "数学家"ST

    描写叙述 ST是个非常特别的人类,不仅喜欢做一些不同平常的事,并且对于在无聊的时候怎样打发时间也有一定的研究。比方,在无聊时Ta常常从冰箱里拿出一堆苹果。然后从中选择一部分苹果(或…

    技术杂谈 2023年5月30日
    0111
  • 十七、JDK8 新特性(更新)

    十七、JDK8 新特性 17.1 JDK8新特性分类 前面已经学过的JDK8新特性介绍: ✅默认方法:见10.8.2 接口的语法 ✅新的日期API:见13.9.3 第三代日期类 L…

    技术杂谈 2023年7月11日
    0147
  • 23种设计模式之状态模式(State)

    文章目录 概述 状态模式的优缺点 状态模式的使用场景 状态模式的结构和实现 * 模式结构 模式实现 总结 概述 当对象的状态改变时,同时改变其行为。 就拿QQ来说,有几种状态,在线…

    技术杂谈 2023年7月24日
    073
  • Go写文件的权限WriteFile(filename,data,0644)?

    本文来自博客园,作者:阿伟的博客,转载请注明原文链接:https://www.cnblogs.com/cenjw/p/go-ioutil-writefile-perm.html 前…

    技术杂谈 2023年7月24日
    085
  • 根据树节点快速建立标签

    Notepad++快捷键:Ctrl+E 测试效果 ui>view>container>subViews 控制面板 ui>view>container&…

    技术杂谈 2023年6月1日
    088
  • Windows+VSCode交叉编译在Linux-Arm环境上运行的程序

    一、简介 本文主要介绍在Windows平台上用VSCode配置交叉编译,从而可以一键编译出运行在Linux-Arm环境中的程序或库。 二、准备工具 ①vscode ② cmake …

    技术杂谈 2023年7月24日
    084
  • 列表初始化

    C++11将列表初始化(大括号初始化)作为一种通用的初始化方式.可用于所有类型. 数组以前就可以用列表初始化,但 C++11 中的列表初始化新增了一些功能: 初始化数组时,可省略等…

    技术杂谈 2023年7月11日
    068
  • log4j 不同模块输出到不同的文件

    1、实现目标 不同业务的日志信息需要打印到不同的文件中,每天或者每个小时生成一个文件。如,注册的信息打印到register.log,每天凌晨生成一个register-年月日.log…

    技术杂谈 2023年5月31日
    0106
  • 到底为什么不建议使用SELECT*?

    “不要使用 SELECT *“几乎已经成为了MySQL使用的一条金科玉律,就连《阿里Java开发手册》也明确表示不得使用 *作为查询的字段列表,更是让这条规…

    技术杂谈 2023年7月23日
    090
  • Java同步容器之Vector源码分析

    一、简述 Vector的操作单线安全,加入了同步代码块,多线程安全(但不绝对),可以看成线程安全版本的 ArrayList(其实也不绝对,在使用还是会加锁操作)。 相比于 Arra…

    技术杂谈 2023年7月24日
    096
  • 包机制

    ; ; 包机制 包就是装代码的文件夹。 为了更好地组织类,JAVA提供了包机制,用于区别类名的组织空间。 package 包语句的句法格式为: 一般利用公司域名倒置作为包名。 im…

    技术杂谈 2023年6月21日
    0116
  • 人脸识别经典算法三:Fisherface(LDA)

    Fisherface是由Ronald Fisher发明的,想必这就是Fisherface名字由来。Fisherface所基于的LDA(Linear Discriminant Ana…

    技术杂谈 2023年5月31日
    0107
  • PyQt5 窗口操作

    ################################ PyQt5中文网 – PyQt5全套视频教程 # https://www.PyQt5.cn/ # 主讲: 村长 #…

    技术杂谈 2023年5月31日
    081
  • 显微镜的景深

    现在常用的是与实验结果比较一致的Berek 公式焦深也叫景深,其定义是:指使用显微镜观察和拍摄样品表面时,从对准焦点的位置开始,改变物镜与样品表面的距离时,对焦能够保持清晰的范围。…

    技术杂谈 2023年5月31日
    0115
  • Oneinstack关闭zendOpcache的方式方法(转) + PHP代码修改后提交,无法立即生效(转)

    如果你安装了samba服务器后在修改你的项目,如果发现出现30秒后才出现结果,那么是你lnmp环境里面安装了一个OpcacheOp或者或者Zend OPcache的缓存。这是原因。…

    技术杂谈 2023年5月30日
    0107
  • tcp udp测试

    `sub_udp.py !/usr/bin/env python –– coding: utf-8 –– 可以正常接收udpimpo…

    技术杂谈 2023年5月31日
    095
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球