前言

本文章会为你梳理一个搭建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. day58-mysql-视图,触发器

    一. 视图 .1创建视图 create view p_view as select name,age from person; 视图的作用是隐藏数据,例如上面语句没有查询工资,是为了隐藏它,这样就避免 ...

  2. Java之常见异常

    package com.atguigu.java1; import java.io.File;import java.io.FileInputStream;import java.util.Date; ...

  3. pycharm、Django+node.js、vue搭建web项目

    参考文章:https://www.wandouip.com/t5i35466/  在此感谢 本篇接着上一篇:windows10使用npm安装vue.vue-cli 首先Django项目是搭建好的,就是 ...

  4. Office 365 邮件流

    进入Exchange管理中心->点击左侧的“邮件流”->进入邮件流配置页面. 一.规则 规则也称传输规则,对通过组织传递的邮件,根据设定条件进行匹配,并对其进行操作.传输规则与众多电子邮件 ...

  5. day43-线程概念

    #1.进程:程序不能单独运行,要将程序加载到内存当中,系统为它分配资源才能运行,而这种执行的程序就是进程. #程序和进程的区别在于:程序是指令的集合,它是进程运行的静态描述文本:进程是程序的一次执行活 ...

  6. Dangal 观影感受,(摘录)

    ===================================================================================== 引用: https://ww ...

  7. 让java不再难懂

    废话不都说,直接上图哈 java基础思维导图整理.png 1.Java 简介.png 2.java主要特性.png 3.java发展历史.png 4.java 开发环境配置.png 5.java 基础 ...

  8. JavaScript--DOM,BOM

    前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DO ...

  9. 2)echo count(strlen("test")) 的输出为____

    结果是  1: 因为count测的是单元的数目,你的一个数组就是一个单元,所以 他的结果就是1 题目出处: https://www.nowcoder.com/test/question/done?ti ...

  10. 使用VSCode调试Javascript的三种方式

    Code Runner 在应用商店中搜索Code Runner插件进行安装. 选中你要执行的Javascript脚本,右键选择Run Code,利用Console.log在下方的输出窗口里可以看到输出 ...