建立个人博客配置推荐

建立个人博客白嫖推荐：

• 框架/主题：Hugo&MemE

• 源码托管：GitHub

• 网站持续集成部署：Netlify

• 网站DNS解析服务/免费CDN：Cloudflare

• （可选）免费CDN：NodeCache&DDOS Guard

• 统计：百度统计/Google Analytics

白嫖成功，废话不说开始建站！本文采用操作系统：Windows 10 2004 19587.1000，其他系统请举一反三，采用Git BASH。

---

Hugo&MemE

首先，先去下载Hugo。在你看到这篇文章之前，你可能已经阅读了许多建博客教程，也许是推荐使用Hexo，或是Typecho，也有可能是WordPress，Gridea，Ghost……但是！但是！为什么我要推荐一个知名度在国内都不如Hexo的网站框架呢？原因有3：

1. Hugo采用Go Lang网站生成速度快，文章多了完爆Hexo；

2. 支持持续集成部署；

3. 最最重要的一点：内置短代码语言，可定制性极高！你可以看看本文的纯文本版本，前面的加点字，便是自定义的短代码。

注意：如果你跟随本文教程搭建博客，那么请在Releases界面下载拓展版Hugo，文件名如hugo_extended_X.Y.Z_SYS-64bit.zip，免安装的。

下载后需要将它保存到一个固定的目录，随意。我不建议放到C:/Windows/System32下，因为Hugo更新的很勤。

下载保存解压后在一个博客专用目录（个人建议）下运行命令（CMD,Git BASH都可，推荐Git BASH，可执行命令比CMD多。）：

其中，hugo代表这是一个HUGO指令（前提是要先将保存hugo.exe的文件夹添加到环境变量，否则会报错：

bash: hugo: command not found

教程：环境变量添加教程

当然，blog也可以自己修改名称。

创建完一个博客文件夹后，里面非常空旷：

│
├─archetypes
│ ? ?  default.md
│
├─content
├─data
├─layouts
├─static
└─themes

这时候，我们就要下载一个主题了：我这里以MemE做示例。

把主题clone到本地：

$ git clone https://github.com/reuixiy/hugo-theme-meme.git themes/meme

其实我推荐这个主题是有原因的：

1. 界面简洁（如本站）

2. 自带许多配置功能

3. 自带Service Worker&PWA

4. ......

配置/写作本文便不再赘述，请参阅：

• hugo+github博客搭建教程！ | 百家号

• 使用Hugo搭建自己的博客 | 简书

• 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教程！

---

网站持续集成部署

请参考Hugo-MemE/Hexo(真)自动推送部署至Netlify

---

注意：以下两个操作仅适用于有独立域名的博主！

网站DNS解析服务/免费CDN

这个很简单，只需要你在Cloudflare中创建一个账号，然后点击这个大大的按钮即可：

按照提示将你域名的NS设置为它给你提供的NS地址。

免费CDN只需要你在添加解析时选中Proxied那坨云形图案就可以了。

---

（可选）免费CDN

NodeCache有中文界面，自己搞??

DDOS Guard的配置可以参考我的这篇文章：DDOS-Guard免费CDN

---

统计

百度统计

打开百度统计官网，登录后添加一个站点：

然后获取代码，把它插入到</head>标签前即可。

官方提♂示：

1. 请将代码添加到网站全部页面的标签前。

2. 建议在header.htm类似的页头模板页面中安装，以达到一处安装，全站皆有的效果。

3. 如需在JS文件中调用统计分析代码，请直接去掉以下代码首尾的，<script type="text/javascript">与</script>后，放入JS文件中即可。

如果代码安装正确，一般20分钟后，可以查看网站分析数据。

谷歌统计

谷歌统计官网：https://analytics.google.com

还是一样的新增网站插入代码??即可

原文链接:https://www.cnblogs.com/FFRaycoder/p/12636450.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有