【简单版】hexo博客搭建流程梳理
前言
本文章会为你梳理一个搭建hexo博客的流程
相关网址:
Docs: https://hexo.io/docs/
Themes: https://hexo.io/themes/
安装hexo
准备阶段-Git 和 nodejs
安装Git
- Windows: 下载然后安装Git [https://git-scm.com/download/win]
如果你下载慢,可以使用下面的链接
链接: 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: 下载然后安装nodejs [http://nodejs.cn/download/]
请下载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 上传博客
更换主题
一定要按照主题的文档安装
修改主题
注意分清站点配置文件和主题配置文件
博客根目录下的
_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语法
生成文章
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博客搭建流程梳理的更多相关文章
- Hexo博客搭建以及Next主题美化的经验之谈
这并不是一篇博客搭建教程.内容主要包含个人对于Hexo博客搭建的心得,Next6.0主题美化的部分建议,以及摘录一些各种用于博客搭建的link. 在博客园3年6个月,确实也学到了很多,博客园也是目前为 ...
- U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索
指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索 U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写he ...
- [原创]HEXO博客搭建日记
博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...
- Hexo博客搭建全解
[原创,转载请附网址:http://dongshuyan.top] 欢迎来到莫与的博客,第一篇记录了一下怎么写一篇博客,以方便之后写博客~ #从配置说起下载安装Git与Node.js略过 1.安装he ...
- w10环境下Hexo博客搭建
w10使用hexo+github手把手搭建自己的第一个博客 对一个程序员来说,博客的重要性不言而喻,不但可以积累知识,还可以更好的给别人分享自己的心得.今天就以时下比较流行的hexo博客搭建属于自己的 ...
- 【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)
一.部署到阿里云服务器 既然博客也已经成功在本地部署,然后主题也成功安装,接下来就可以部署到服务器上面了,如果你也想要魔改matery主题,可以去各种博客上面找一找大佬的教程,或者联系我,也可以让你少 ...
- 强大博客搭建全过程(1)-hexo博客搭建保姆级教程
1. 前言 本人本来使用国内的开源项目solo搭建了博客,但感觉1核CPU2G内存的服务器,还是稍微有点重,包括服务器内还搭建了数据库.如果自己开发然后搭建,耗费时间又比较多,于是乎开始寻找轻量型的博 ...
- 迈出第一步,Hexo博客搭建
很早之前看到别人的博客就总想着自己之后也要搭一个,最近突然来了干劲,就开始搭起了博客.不过搭博客还真是一个累活,失败了不下十次,用了好几天的时间,感觉自己在浪费时间,但是看到现在博客终于能用了,非常开 ...
- 【基础篇】hexo博客搭建教程
[基础篇]搭建hexo博客(一) 作者:Huanhao bilibili:Mrhuanhao 前言 你是否想拥有属于自己的博客?你是否无奈与自己不会写网站而烦恼? 不要担心,本系列教程将会实现你白嫖的 ...
随机推荐
- day58-mysql-视图,触发器
一. 视图 .1创建视图 create view p_view as select name,age from person; 视图的作用是隐藏数据,例如上面语句没有查询工资,是为了隐藏它,这样就避免 ...
- Java之常见异常
package com.atguigu.java1; import java.io.File;import java.io.FileInputStream;import java.util.Date; ...
- pycharm、Django+node.js、vue搭建web项目
参考文章:https://www.wandouip.com/t5i35466/ 在此感谢 本篇接着上一篇:windows10使用npm安装vue.vue-cli 首先Django项目是搭建好的,就是 ...
- Office 365 邮件流
进入Exchange管理中心->点击左侧的“邮件流”->进入邮件流配置页面. 一.规则 规则也称传输规则,对通过组织传递的邮件,根据设定条件进行匹配,并对其进行操作.传输规则与众多电子邮件 ...
- day43-线程概念
#1.进程:程序不能单独运行,要将程序加载到内存当中,系统为它分配资源才能运行,而这种执行的程序就是进程. #程序和进程的区别在于:程序是指令的集合,它是进程运行的静态描述文本:进程是程序的一次执行活 ...
- Dangal 观影感受,(摘录)
===================================================================================== 引用: https://ww ...
- 让java不再难懂
废话不都说,直接上图哈 java基础思维导图整理.png 1.Java 简介.png 2.java主要特性.png 3.java发展历史.png 4.java 开发环境配置.png 5.java 基础 ...
- JavaScript--DOM,BOM
前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DO ...
- 2)echo count(strlen("test")) 的输出为____
结果是 1: 因为count测的是单元的数目,你的一个数组就是一个单元,所以 他的结果就是1 题目出处: https://www.nowcoder.com/test/question/done?ti ...
- 使用VSCode调试Javascript的三种方式
Code Runner 在应用商店中搜索Code Runner插件进行安装. 选中你要执行的Javascript脚本,右键选择Run Code,利用Console.log在下方的输出窗口里可以看到输出 ...