如何做到一毛不拔的搭建网站

以下操作全程使用管理员权限,因为我不清楚哪里会出现 permission denied


1.下载 nodejs


对应 windows 用户,下载对应的 ".msi" 的文件安装就行

Linux 和 Mac 用户...此处省略


安装成功后可以查看版本

node -v
npm -v


为方便国内使用,可以把 npm 换成 taobao 的 cnpm

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

2.本地搭建

安装 hexo

cnpm install -g hexo-cli

查看版本,验证成功

hexo -v

创建一个文件夹,比如名为 blog

mkdir blog

进入 blog , 初始化hexo

hexo init

等他完事后,可以在 http://localhost:4000/ 下本地预览

如图 :

hexo s

如果新建一篇文章

文件名最好为英文,方便操作

hexo n name

他会在 source/_posts 下生成一篇名为 name 的 markdown 文件,内容自己写

3.推到远端

登录你的 github , 新建一个仓库

仓库名为 用户名.github.io 用户名小写

现在是个空仓库


回到终端下

安装 hexo-deployer

cnpm install --save hexo-deployer-git

修改 _config.yml 文件

在 blog 目录下

如图修改最下面 , repo 改为自己的仓库地址

部署到远端

hexo d

你可以刷新 github 仓库, 里面已经有东西了

完事


你的博客地址就是:

用户名.github.io

4.更换主题

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

每个主题里都有说明

比如:lx

在 blog 目录下

git clone https://github.com/blleng/hexo-theme-lx themes/lx

按照他说明的改一下就行了

把 blog/_config.yml 里的 theme 改成要换的主题名就完事了, 把 landscape 改成 lx

本地预览一下

hexo clean

hexo s

如果渲染不出来,尝试安装以下解决

cnpm install  hexo-renderer-pug hexo-renderer-stylus hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-generator-archive --save

推到远端

hexo g

hexo d

5.常用命令总结 :

创建一篇新文章
hexo n example
---
清理旧的数据
hexo clean
---
重新生成一下
hexo g
---
部署到远端
hexo d

The_End

用 hexo 快速搭建博客的更多相关文章

  1. Hexo快速搭建博客

    1. 准备工作 ~ 安装node.js -> npm -> hexo-cli ~ 安装git -> 版本控制工具 2. 更换npm(nodejs package manager)源 ...

  2. 使用coding和hexo快速搭建博客

    欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz 今天教大家怎么用hexo快速搭建自己的博客.我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白 ...

  3. 在Windows下使用Hexo+GithubPage搭建博客的过程

    1.安装Node.js 下载地址:传送门 去 node.js 官网下载相应版本,进行安装即可. 可以通过node -v的命令来测试NodeJS是否安装成功 2.安装Git 下载地址:传送门 去 Git ...

  4. Django快速搭建博客系统

    Django快速搭建博客系统 一.开发环境 Windows 7(64bit) python 3.6   https://www.python.org/ Django 2.0  https://www. ...

  5. hexo+github搭建博客跳坑

    hexo+GitHub搭建博客过程中,hexo安装成功,可以启动和运行,但是访问localhost:4000却无法访问,弄了半天,最后发现是福昕阅读器占用了4000端口 解决办法: 采用命令hexo ...

  6. Hexo+NexT(零):最全Hexo+Next搭建博客教程

    快速.简洁且高效的博客框架 有位大神说,喜欢写博客的人的人,折腾博客会经历三个阶段.找到一个免费空间,搭建一个博客,很欣喜,很有成就感,此为一阶段:受限免费空间各种限制,自己买空间和域名,实现对博客的 ...

  7. hexo+github搭建博客(超级详细版,精细入微)

    # 前言 你了解[Hexo]( https://hexo.io/zh-cn/ "Hexo官网")吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染 ...

  8. GitHub+Hexo+gulp搭建博客网站

    一.前期准备 1.注册GitHub账号. 不做说明 2.创建仓库 创建一个新的仓库来放置我们的文件. 3.下载安装Node.js https://nodejs.org/en/   两个版本,选择右边那 ...

  9. 用 Hugo 快速搭建博客

    用 Hugo 搭建博客 Hugo 是一个用 Go 编写的静态站点生成器,生成速度很快 下面是具体操作: 1.安装 Hugo Windows 用户 使用 Chocolatey 或者 Scoop 快速安装 ...

随机推荐

  1. DICOM医学文件的解析

    最近导师一直让做智慧医疗的一个项目,这里面涉及到DICOM格式的文件处理,在这里分享一下自己学到的关于DCM文件的一些内容. DICOM DICOM(DigitalImaging andCommuni ...

  2. 2019 China Collegiate Programming Contest Qinhuangdao Onsite F. Forest Program(DFS计算图中所有环的长度)

    题目链接:https://codeforces.com/gym/102361/problem/F 题意 有 \(n\) 个点和 \(m\) 条边,每条边属于 \(0\) 或 \(1\) 个环,问去掉一 ...

  3. P3803 [模板] 多项式乘法 (FFT)

    Rt 注意len要为2的幂 #include <bits/stdc++.h> using namespace std; const double PI = acos(-1.0); inli ...

  4. Codeforces Round #521 (Div. 3) E. Thematic Contests (离散化,二分)

    题意:有\(n\)个话题,每次都必须选取不同的话题,且话题数必须是上次的两倍,第一次的话题数可以任意,问最多能选取多少话题数. 题解:我们首先用桶来记录不同话题的数量,因为只要求话题的数量,与话题是多 ...

  5. WSL2 准备dotnet core开发环境

    首先我们要知道WSL Ubuntu的版本,以便进行下一步操作: 我的是18.04,所以安装dot net SDK我们参考这里: https://docs.microsoft.com/en-us/dot ...

  6. Shell 函数 & 数组

    Shell 函数 函数介绍 # 什么是函数? 具备某一功能的工具 => 函数 事先准备工具的过程 => 函数的定义 遇到应用场景拿来就用 => 函数的调用 # 为何要用函数? 没有引 ...

  7. Verilog基础语法总结

    去年小学期写的,push到博客上好了 Verilog 的基本声明类型 wire w1; // 线路类型 reg [-3:4] r1; // 八位寄存器 integer mem[0:2047]; // ...

  8. 全方位构造免杀 webshell 小结[一]

    转载自https://klionsec.github.io/2017/10/11/bypasswaf-for-webshell/   全方位构造免杀 webshell 小结[一]   前言:    本 ...

  9. 010. NET5_命令参数读取+配置多种读取

    上节课遗留问题:上节脚本启动后,CSS样式丢失问题 解决办法:a.拷贝丢失的wwwroot目录:b. 给UesStaticFiles类指定读取wwwroot目录 静态文件读取 Nuget引入:Micr ...

  10. 高并发之ReentrantLock、CountDownLatch、CyclicBarrier

    本系列研究总结高并发下的几种同步锁的使用以及之间的区别,分别是:ReentrantLock.CountDownLatch.CyclicBarrier.Phaser.ReadWriteLock.Stam ...