来我的博客玩~~图挂了的话看这个
https://helloworldztr.github.io/2020/04/08/WebSite-Build-instruction/
文章目录
长文请配合目录食用
原因
这个纯粹是说给自己看的,相信大家既然有搭建自己博客的想法,肯定就知道为什么了。首先,大多数博客网站像优快云
、博客园
啥的限制很多,个性化很少,像新浪博客直接就 pass 掉。其次,纯粹是一种程序员的热情,谁都不想让自己的心血白白浪费,自然需要一个 decent 的地方来挥洒自己的热情。最后,不论谁都会有很多事情想记录和分享出来。
综上,搭建一个个人博客原因很充足了吧?幸运的事我们不需要花很多时间或精力,大约需要 100 元/年 的开销和 1 小时左右的时间。(如果你不要域名甚至可以不花钱)
分类
纯当科普,大佬请跳过。
这类网站有两种,静态和动态。静态就是不需要服务器的形式,直接渲染成 html
,交互操作(评论,访问量)就全靠 js(javascript)
了。最出名的有 hexo
、Jekyll
、Hugo
之类的。通常不需要多少服务器开销,功能基本够用。
再是动态,不得不说的就是wordpress
,这种网站就要用真正的服务器了,要有数据库、web server……就是那些php
,jsp
,asp
写的网站。当然就得为服务器出把血了(参考价1000元/年),好处就是有酷炫功能(登陆、论坛什么的)
服务器
我们这里不说真正的服务器,只搞静态的网站(穷就完事了)
跟随大众,选(白嫖) GitPage 没错。
GitPage
可以免费托管静态页面、自带域名、ssh
优点:完全免费、老牌稳定
缺点:国内访问慢、百度不收录
解决方法
我的博客就在 Github 上,你需要:
- 注册一个 GitHub 账号
- 创建一个仓库,名叫
你的账号.github.io
,往里面上传一个index.html
- 访问
https://你的账号.github.io
就能看到你的 index.html 了
访问慢、百度不收录:
随便办一个 CDN(内容分发网络) 全站加速(10 元/年),后面详述。
CodingPage
被腾讯收购后成了静态网站托管,看似要收费实际不会收费。有空我去试试。
https://cloud.tencent.com/product/wh
OBS 对象存储
如果你都不想用,可以办一个对象存储服务(本质上原理相同),总而言之可行而不好用。
博客本体
最重要的部分,即hexo
、Jekyll
、Hugo
之类的,下面详细记述 hexo 的安装过程。
安装 node.js 并配置
打开官网,无脑下载。
终端执行如下命令,无输出。(切换镜像源,不然卡死你)
npm config set registry https://registry.npm.taobao.org
安装 git
打开官网,无脑下载(linux,mac不用下载,系统自带)
安装一路 Yes
安装 hexo
先建好一个空的文件夹,cd 到上一层目录,执行:(注意,windows powershell 会鬼畜,cmd就好)
npm install -g hexo-cli
hexo init 你的文件夹名字
启动,关闭 hexo
hexo s
打开浏览器localhost:4000
就能看到了
按Ctrl + c
退出
安装一大堆插件
npm install hexo-wordcount --save
npm install hexo-generator-json-content --save
npm install hexo-generator-feed --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
npm install hexo-deployer-git --save
安装主题
如果你要用 Gitpage,记得不要用太多图片的主题,会很卡
git clone https://github.com/cofess/hexo-theme-pure.git themes/pure
是cofess的主题,很简洁
配置
有两个文件,themes/pure/_config.yml
和_config.yml
,优先修改第一个
在_config.yml
文末,修改如下(repo一行自己修改为仓库的ssh)
deploy:
type: git
repo: git@github.com:HelloWorldZTR/HelloWorldZTR.github.io.git
branch: master
另外,还要修改诸如作者名、网址、网站名、评论插件等,各个主题皆有不同,请参考 readme 和百度
配置ssh
借用一下思否的图
生成ssh公钥
git config --global user.name "用户名"
git config --global user.email "邮箱地址"
ssh-keygen -t rsa -C '上面的邮箱'
# 三次回车 => 密码为空
cat ~/.ssh/id_rsa.pub
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9ZDhNtvY-1586344476511)(https://s1.ax1x.com/2020/04/08/GfeWm4.jpg)]
把刚才的cat输出拷贝粘贴到框里
写文章,发表
写文章
hexo new post "文章名称" #新建文章
hexo new page "页面名称" #新建页面
他会输出一个地址,你打开它就可以编辑了(紫色显示)
文章格式
---
title: 标题
date: 时间 xxxx-xx-xx xx:xx:xx
categories:
- #分类,只有一个
tags:
- #标签,可有多个
toc: true #是否显示目录
desciption: "简介,在搜索时可以看到,不要太长"
---
文章简介,可以在主页看到
<!-- more -->
正文
友链、分类、标签页面的开启
不方便说明,百度或看 readme
发表
hexo clean && hexo g # 重新生成
hexo d # 发布到 Github
域名
有名网址,不想输xxx.github.io
,还想再个性化点?花钱买个域名就好啦。
不想用分配的域名,自己去 狗爹网 或国内平台办理即可。不同域名价格差很大,记得货比三家~
然后在 DNSpod 中配一下即可,如果有CDN要关联。具体做法可以百度,我马上就去填坑
CDN
如果你想用 Gitpage 的话,这点钱花的有必要。具体做法不多说,记得是 全站加速,套餐选 按需计费 即可,每年 50G 对博客站完全足够。
大家可以货比三家,好好算算价钱。下面这个纯属示例,大家做一下参考,具体做法可以百度,我马上就去填坑。
其他事项
你需要去搜索引擎提交你的网站,不然没有流量
评论系统
使用 Gitalk、来必利、gitment等