建立个人博客白嫖推荐:
框架 / 主题: Hugo https://gohugo.io/ &MemE https://github.com/reuixiy/hugo-theme-meme
源码托管: GitHub https://github.com/
网站持续集成部署: Netlify https://netlify.com/
网站 DNS 解析服务 / 免费 CDN:Cloudflare https://cloudflare.com/
(可选)免费 CDN:NodeCache https://nodecache.com/ &DDOS Guard https://ddos-guard.net/
统计: 百度统计 https://tongji.baidu.com/ /Google Analytics https://analytics.google.com/
白嫖成功, 废话不说开始建站! 本文采用操作系统: Windows 10 2004 19587.1000, 其他系统请举一反三, 采用 Git BASH.
Hugo&MemE
首先, 先去下载 Hugo https://github.com/gohugoio/hugo . 在你看到这篇文章之前, 你可能已经阅读了许多建博客教程, 也许是推荐使用 Hexo https://hexo.io/ , 或是 Typecho https://typecho.org/ , 也有可能是 WordPress https://wordpress.org/ ,Gridea https://gridea.dev/ ,Ghost https://ghost.org/ ...... 但是! 但是! 为什么我要推荐一个知名度在国内都不如 Hexo https://hexo.io/ 的网站框架呢? 原因有 3:
Hugo https://github.com/gohugoio/hugo 采用 Go Lang https://golang.google.cn/ 网站生成速度快, 文章多了完爆 Hexo https://hexo.io/ ;
支持持续集成部署;
最最重要的一点: 内置短代码语言, 可定制性极高! 你可以看看本文的纯文本版本, 前面的加点字, 便是自定义的短代码.
注意: 如果你跟随本文教程搭建博客, 那么请在 Releases 界面下载拓展版 Hugo, 文件名如 hugo_extended_X.Y.Z_SYS-64bit.zip, 免安装的.
下载后需要将它保存到一个固定的目录, 随意. 我不建议放到 C:/Windows/System32 下, 因为 Hugo 更新的很勤.
下载保存解压后在一个博客专用目录 (个人建议) 下运行命令(CMD,Git BASH https://gitforwindows.org/ 都可, 推荐 Git BASH, 可执行命令比 CMD 多.):
其中, hugo 代表这是一个 HUGO 指令(前提是要先将保存 hugo.exe 的文件夹添加到环境变量, 否则会报错:
bash: hugo: command not found
教程: 环境变量添加教程
当然, blog 也可以自己修改名称.
创建完一个博客文件夹后, 里面非常空旷:
│
├─archetypes
│ default.md
│
├─content
├─data
├─layouts
├─static
└─themes
这时候, 我们就要下载一个主题了: 我这里以 MemE https://github.com/reuixiy/hugo-theme-meme 做示例.
把主题 clone 到本地:
$ Git clone https://github.com/reuixiy/hugo-theme-meme.git themes/meme
其实我推荐这个主题是有原因的:
界面简洁(如本站)
自带许多配置功能
自带 Service Worker&PWA
......
配置 / 写作本文便不再赘述, 请参阅:
hugo+GitHub 博客搭建教程! | 百家号
使用 Hugo 搭建自己的博客 | 简书 https://www.jianshu.com/p/8c3d7dfb09a0
README | GitHub
Hugo 主题 MemE 文档 | reuixiy
源码托管至 GitHub
这个很简单, 在 GitHub 上面新建一个仓库, 名字随便取, 然后将你的整个博客文件夹 Push 上去即可.
看到那个大绿按钮了吧?! 自己根据提示新建一个仓库!
- $ Git init
- $ Git remote add origin <YOUR_REPO>
- $ Git add -A
- $ Git commit -m "init"
- $ Git push -u origin master
请在 < YOUR_REPO > 中填入你仓库的. Git 地址!
看不懂的请参考廖雪峰的 Git 教程 https://www.liaoxuefeng.com/wiki/896043488029600 !
网站持续集成部署
请参考 Hugo-MemE/Hexo(真)自动推送部署至 Netlify
注意: 以下两个操作仅适用于有独立域名的博主!
网站 DNS 解析服务 / 免费 CDN
这个很简单, 只需要你在 Cloudflare https://cloudflare.com/ 中创建一个账号, 然后点击这个大大的按钮即可:
按照提示将你域名的 NS 设置为它给你提供的 NS 地址.
免费 CDN 只需要你在添加解析时选中 Proxied 那坨云形图案就可以了.
(可选)免费 CDN
NodeCache https://nodecache.com/ 有中文界面, 自己搞
DDOS Guard https://ddos-guard.net/ 的配置可以参考我的这篇文章: DDOS-Guard 免费 CDN
统计
百度统计
打开百度统计官网 https://tongji.baidu.com/ , 登录后添加一个站点:
然后获取代码, 把它插入到</head > 标签前即可.
官方提♂示:
请将代码添加到网站全部页面的标签前.
建议在 header.htm 类似的页头模板页面中安装, 以达到一处安装, 全站皆有的效果.
如需在 JS 文件中调用统计分析代码, 请直接去掉以下代码首尾的,<script type="text/javascript">与</script > 后, 放入 JS 文件中即可.
如果代码安装正确, 一般 20 分钟后, 可以查看网站分析数据.
谷歌统计
谷歌统计官网: https://analytics.google.com/
还是一样的新增网站插入代码即可
来源: https://www.cnblogs.com/FFRaycoder/p/12636450.html