前言

本文章会为你梳理一个搭建hexo博客的流程

相关网址:

Docs: https://hexo.io/docs/

Themes: https://hexo.io/themes/

安装hexo

准备阶段-Git 和 nodejs

安装Git

链接: https://pan.baidu.com/s/1HXujcEuaPZYFQLtzlSBf0Q 提取码: ryut

安装完成后桌面会出现Git Bash的软件名称,代表安装成功,而且你的右键菜单栏也会出现Git Bash

  • Linux: (Ubuntu,Debian): $ sudo apt-get install git-core
  • Linux (Fedora, Red Hat, CentOS): $ sudo yum install git-core
  • ArchLinux: `$ sudo pacman -S git

安装Node.js

请下载Windows安装包(.msi) 使用安装程序安装-记得Add to path.

安装成功后可以在终端执行node -v,如果输出版本号,证明成功加入环境变量。如果没有输出版本号

请百度一下:安装nodejs

  • Linux: (Ubuntu,Debian): $ sudo apt-get install nodejs npm
  • Linux (Fedora, Red Hat, CentOS): $ sudo yum install nodejs npm
  • ArchLinux: `$ sudo pacman -S nodejs npm

安装cnpm

我们使用安装淘宝镜像将会大大加快安装的速度

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

开始安装

$ cnpm install hexo-cli -g
$ hexo init blog
$ cd blog //进入博客目录

解救方案

如果出现进度条卡住的情况,用Ctrl c中断,然后使用下面的解救方案

$ cd blog
$ cnpm install

预览博客

$ cd blog  //进入博客目录
$ hexo s

这个时候就会出现一段网址,请打开浏览器访问

http://localhost:4000/

相关命令

hexo clean 清理缓存
hexo g 重新生成public
hexo d 上传博客

更换主题

主题大全:https://hexo.io/themes/

一定要按照主题的文档安装

修改主题

注意分清站点配置文件和主题配置文件

博客根目录下的_config.yml叫站点配置文件

主题目录下的_config.yml叫主题配置文件


上传部署

SSH

看这个地址

https://dev.tencent.com/help/doc/faq/bbe781aee786/ssh

coding添加公钥的方式:登陆你的github帐户,然后点击头像 -> 左栏点击SSH公钥 -> 点击新增公钥

coding验证是否添加成功的方式:ssh -T git@git.dev.tencent.com

修改站点配置文件

deploy:
type: git
repo: 仓库Git地址
branch: master

安装上传插件

npm install hexo-deployer-git

上传

hexo g -d

编写文章

你需要先学习markdown语法

https://301technology.cn/2020/01/17/markdown/

生成文章

hexo new "文章名"  //建议英文

标题是可以更改的,文章名会成为链接名,而不是最终的标题

生成的文章在 博客目录/source/_post下

根据每个主题的文档配置情况,进行配置每个文章的参数.

小技巧

可以在scaffolds/post.md修改文章模板

写完后如果要上传就还是执行上传的命令

hexo d

其他技巧

图床问题

使用PicGo:https://github.com/Molunerfinn/PicGo

配合jsdelivr可以cdn加速:https://www.jsdelivr.com/

具体使用方法见:https://301technology.cn/2020/01/17/image/

【简单版】hexo博客搭建流程梳理的更多相关文章

  1. Hexo博客搭建以及Next主题美化的经验之谈

    这并不是一篇博客搭建教程.内容主要包含个人对于Hexo博客搭建的心得,Next6.0主题美化的部分建议,以及摘录一些各种用于博客搭建的link. 在博客园3年6个月,确实也学到了很多,博客园也是目前为 ...

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

    指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索   U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写he ...

  3. [原创]HEXO博客搭建日记

    博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...

  4. Hexo博客搭建全解

    [原创,转载请附网址:http://dongshuyan.top] 欢迎来到莫与的博客,第一篇记录了一下怎么写一篇博客,以方便之后写博客~ #从配置说起下载安装Git与Node.js略过 1.安装he ...

  5. w10环境下Hexo博客搭建

    w10使用hexo+github手把手搭建自己的第一个博客 对一个程序员来说,博客的重要性不言而喻,不但可以积累知识,还可以更好的给别人分享自己的心得.今天就以时下比较流行的hexo博客搭建属于自己的 ...

  6. 【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)

    一.部署到阿里云服务器 既然博客也已经成功在本地部署,然后主题也成功安装,接下来就可以部署到服务器上面了,如果你也想要魔改matery主题,可以去各种博客上面找一找大佬的教程,或者联系我,也可以让你少 ...

  7. 强大博客搭建全过程(1)-hexo博客搭建保姆级教程

    1. 前言 本人本来使用国内的开源项目solo搭建了博客,但感觉1核CPU2G内存的服务器,还是稍微有点重,包括服务器内还搭建了数据库.如果自己开发然后搭建,耗费时间又比较多,于是乎开始寻找轻量型的博 ...

  8. 迈出第一步,Hexo博客搭建

    很早之前看到别人的博客就总想着自己之后也要搭一个,最近突然来了干劲,就开始搭起了博客.不过搭博客还真是一个累活,失败了不下十次,用了好几天的时间,感觉自己在浪费时间,但是看到现在博客终于能用了,非常开 ...

  9. 【基础篇】hexo博客搭建教程

    [基础篇]搭建hexo博客(一) 作者:Huanhao bilibili:Mrhuanhao 前言 你是否想拥有属于自己的博客?你是否无奈与自己不会写网站而烦恼? 不要担心,本系列教程将会实现你白嫖的 ...

随机推荐

  1. vue项目打包,生成dist文件夹,如何修改文件夹的名字

    vue项目打包之后的dist文件目录是如下 如果想要修改dist或则static文件名称,需要打开config / index.js build: { // Template for index.ht ...

  2. zabbix监控Linux服务器CPU使用率大于40%的时候报警(实践版)

    zabbix自带的模板里面有监控项,所以监控项就不用创建了,直接创建触发器就可以了,触发器细节如下: 名称:CPU使用率大于40% 严重性:严重 表达式:{121.201.54.50:system.c ...

  3. 关联规则之Aprior算法

    关联规则挖掘在电商.零售.大气物理.生物医学已经有了广泛的应用,本篇文章将介绍一些基本知识和Aprori算法. 啤酒与尿布的故事已经成为了关联规则挖掘的经典案例,还有人专门出了一本书<啤酒与尿布 ...

  4. BigDecimal进行精确运算

    public class Test_1 { public static void main(String[] args) { System.out.println(0.06+0.01); System ...

  5. python中安装surprise中出现error: Microsoft Visual C++ 14.0 is required. Get it with "Microsoft Visual C++ Build Tools":

    pip安装 安装之前要先进行numpy的安装 pip install numpy pip install surprise 安装出错: 安装surprise需要Microsoft visual c++ ...

  6. 简单标签 SimpleTagSupport示例

    最近处理JSP页面,需要把数据库查到的原始值,根据数据字典转换成更加直观的值.比如查到的结果是 01,jsp页面展示‘身份证’. 如果值比较少,就直接用c:if标签处理了,无奈接触的值比较多,只想到了 ...

  7. [LC] 108. Convert Sorted Array to Binary Search Tree

    Given an array where elements are sorted in ascending order, convert it to a height balanced BST. Fo ...

  8. HTML常用数据类型

    .数学函数: Math.ceil():天花板数 //大于当前小数的最小整数 Math.floor():地板数 //小于当前小数的最大整数 Math.round():四舍五入取整数 Math.rando ...

  9. LeetCode No.79,80,81

    No.79 Exist 单词搜索 题目 给定一个二维网格和一个单词,找出该单词是否存在于网格中. 单词必须按照字母顺序,通过相邻的单元格内的字母构成,其中"相邻"单元格是那些水平相 ...

  10. servlet之间传递数据的方式

    Servlet传递数据方式 基本概述 Servlet传递数据的方式有很多,这里提供五种方式: 1.静态变量 2.HttpServletResponse的sendRedirect()方法 3.HttpS ...