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

以下操作全程使用管理员权限,因为我不清楚哪里会出现 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. idea使用maven的打包工具package不会打上主类解决方法

  2. HDU-6599 I Love Palindrome String(回文自动机+字符串hash)

    题目链接 题意:给定一个字符串\(|S|\le 3\times 10^5\) 对于每个 \(i\in [1,|S|]\) 求有多少子串\(s_ls_{l+1}\cdots s_r\)满足下面条件 \( ...

  3. hdu 6860 Fluctuation Limit 双向贪心

    题意: 给你n个区间[li,ri],和一个整数k,你从每一个区间内选出来一个数,把从第i个区间内选出来数放在第i个位置,这样会构成一个长度为n的序列,你需要保证序列中任意两个相邻的数之差的绝对值要小于 ...

  4. Educational Codeforces Round 95 (Rated for Div. 2) B. Negative Prefixes (贪心,构造)

    题意:给你一串长度为\(n\)的序列,有的位置被锁上了,你可以对没锁的位置上的元素任意排序,使得最后一个\(\le0\)的前缀和的位置最小,求重新排序后的序列. 题解:贪心,将所有能动的位置从大到小排 ...

  5. K8S(14)监控实战-grafana出图_alert告警

    k8s监控实战-grafana出图_alert告警 目录 k8s监控实战-grafana出图_alert告警 1 使用炫酷的grafana出图 1.1 部署grafana 1.1.1 准备镜像 1.1 ...

  6. woj1016 cherry blossom woj1017 Billiard ball 几何

    title: woj1016 cherry blossom date: 2020-03-18 20:00:00 categories: acm tags: [acm,几何,woj] 几何题,判断给出的 ...

  7. Gym 100796B Wet Boxes(思维)题解

    题意:给一个如图坐标系,每个方形都放在下面两个中间,已知一个木块湿了那么他下面所有的都会湿,显然,不能湿两次.问,每次给出一个坐标,把他弄湿,有几个木块从干变成湿了. 思路:我们把坐标系拉直,就变成了 ...

  8. Graphviz - Graph Visualization Software 开源可视化绘图工具(visio 类)

    http://www.graphviz.org/Download_windows.php Welcome to Graphviz Available translations:  Romanian,  ...

  9. WebGL Programming Guide All In One

    WebGL Programming Guide All In One WebGL WebGL Programming Guide All In One Publication date: July 2 ...

  10. WebRTC 信令服务器

    WebRTC 信令服务器 node.js & V8 libuv socket.io https://socket.io/ node-static SSR https://github.com/ ...