前言

本文章会为你梳理一个搭建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. 基于JWT的Token认证机制及安全问题

    [干货分享]基于JWT的Token认证机制及安全问题 https://bbs.huaweicloud.com/blogs/06607ea7b53211e7b8317ca23e93a891

  2. RDD(十)——案例实操

    需求: 数据结构:时间戳,省份,城市,用户,广告,中间字段使用空格分割. 样本如下: 1516609143867 6 7 64 16 1516609143869 9 4 75 18 151660914 ...

  3. 结构体初始化和new delete

    int *p; p=new int[100]; delete []p; 结构体中的指针需要初始化

  4. video文件转blob

    //创建 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); //配置请求方式.请求地址以及是否同步 xhr.open('POST', './play' ...

  5. MFC的combox禁止键盘输入

    项目中有个combox的下拉窗控件,鼠标双击总能存在焦点,并且会修改combox显示的文字,网上查了好多资料,都说修改style,可是我的vs2015里没发现有style的属性,后面修改 modal ...

  6. 如何使用 babel

    babel-cli 在项目内运行 babel-cli 配置.babelrc 配置.jshintrc Babel 用于将 ES6 的代码转化为 ES5,使得 ES6 可以在目前的浏览器环境下使用.学习使 ...

  7. linux_nano命令

    nano是一个字符终端的文本编辑器,有点像DOS下的editor程序.它比vi/vim要简单得多,比较适合Linux初学者使用.某些Linux发行版的默认编辑器就是nano. nano命令可以打开指定 ...

  8. day29-struct模块解决黏包问题

    #struct模块可以把一个数据类型,例如数字int,转化成固定长度(4个字节)的bytes.int转为4个bytes. #在大量传输数据之前先告诉接收端即将接收数据的大小,方可解决黏包问题: #利用 ...

  9. 牛客-Forsaken的数列(Treap)

    题目传送门 sol:第一次看题还真信了是用线段树来做,但是没什么想法,看了题解发现是我不会的Treap,然后花了几天时间学习了一下并补掉题目 无旋Treap #include <bits/std ...

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

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