屌丝建站系列-1

前言

很多小伙伴没钱但是想建个博客玩玩,所以特地做一期屌丝建站系列。

准备

人*1
电脑*1 (Windows环境)
Internet*1
域名*1

域名只要你喜欢可有可无,也有免费域名注册这里就不谈了自行谷歌。

什么是Hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

只需要安装Git和Node.js即可运行Hexo。

安装Git

去下面链接下载淘宝Git镜像也可以点击下方按钮直接下载
https://npm.taobao.org/mirrors/git-for-windows/
[button color=”info” icon=”” url=”https://npm.taobao.org/mirrors/git-for-windows/v2.25.1.windows.1/Git-2.25.1-64-bit.exe” type=””]点击下载[/button]

安装Node.js

去下面链接下载淘宝Node.js镜像也可以点击下方按钮直接下载
https://npm.taobao.org/mirrors/node
[button color=”info” icon=”” url=”https://npm.taobao.org/mirrors/node/v10.19.0/node-v10.19.0-x64.msi” type=””]点击下载[/button]

安装Hexo

Windows键 + R 打开运行并输入cmd后确定

1

2

输入安装命令

npm install -g hexo-cli

3

安装完成
4

查询Hexo版本验证是否安装成功

hexo -v

5

建站

执行以下命令即可生成网站所需要的文件

hexo init G:/hexo

G:/hexo 为网站存放路径

6

在该目录下就会生成网站所需文件
7

_config.yml为网站的配置文件请自行修改
themes为网站主题目录(主题目录内也存在_config.yml主题配置文件,请区分根目录_config.yml网站配置文件)

测试网站

执行以下命令进入网站目录。G:/hexo请修改成你自己的网站目录

cd /d G:/hexo

执行以下命令生成静态文件并部署网站

hexo g -d

执行以下命令本地测试

hexo s

会提示你 Hexo is running at http://localhost:4000 . Press Ctrl+C to stop
在你的浏览器输入http://localhost:4000即可看见你的网站了
执行Ctrl+C并输入Y则为暂停测试。

8

部署网站

测试完成后我们将网站部署在Coding上,Github也行。
[button color=”info” icon=”” url=”https://coding.net/” type=””]注册Coding[/button]
登录后查看全部项目

9

新建项目
10

选择代码托管项目
11

填写仓库信息
12

复制SSH链接
13

打开并找到找到网站目录的_config.yml配置文件中的deploy:
14

修改为以下所示

deploy:
  type: git
  repo: 
       coding: git@e.coding.net:yier/yierboke.git
  branch: master

git@e.coding.net:yier/yierboke.git为你刚刚在coding复制的SSH链接
回到coding点击头像选择个人设置

15

点击SSH公钥并新增公钥
16

回到电脑桌面空白位置右击鼠标点击Git Bash Here打开后输入以下命令

cat ~/.ssh/id_rsa.pub

如果如下图所示直接复制ssh-rsa直到末尾粘贴到coding的公钥内容内即可。

17

如果如下图所示则需要生成公钥
18

ssh-keygen -t rsa -C "yierxm@gmail.com"

yierxm@gmail.com可以修改成你自己的邮箱
直接回车

19

以下直接回车
20

直接回车
21

直接回车
22

生成完成
23

输入以下命令查看公钥并复制内容到coding

cat ~/.ssh/id_rsa.pub

24

如果嫌麻烦可以勾选永久有效
25

需要输入你的登录密码才能添加成功
26

添加成功
27

执行以下命令将本地网站部署至coding

hexo g -d

如果出现ERROR Deployer not found: git执行以下命令

npm install --save hexo-deployer-git

输入yes回车

28

部署成功
29

代码已经部署到仓库了,但是还不能访问,我们需要生成静态网站才能正常访问
30

选择新建
31

自行填写信息,如果有多个仓库别选错了
32

接下来会给你一个URL但是还是无法访问,需要点击一下立即部署
33

34

访问给你的URL就可以看见你的网站了
35

如果需要绑定自己的域名则回到coding点击设置
36

输入你自己的域名并解析到给你的CNAME地址即可通过你自己的域名访问。
37

如果你更新了网站则需要重新部署即可

hexo g -d
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇