建立个人博客配置推荐
2020-04-05 11:39
1581 查看
建立个人博客白嫖推荐:
- 框架/主题:[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`。
![image](https://upload-images.jianshu.io/upload_images/20985509-a921ea78034cc7f1.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
---
### 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:
1. [`Hugo`](https://github.com/gohugoio/hugo)采用[`Go Lang`](https://golang.google.cn)网站生成速度快,文章多了完爆[`Hexo`](https://hexo.io);
2. 支持持续集成部署;
3. 最最重要的一点:`内置短代码语言`,可定制性极高!你可以看看本文的[纯文本版本](https://github.com/FFRaycoder/blog/blob/master/content/p/build-a-blog-recommendation.md),前面的`加点字`,便是自定义的短代码。
注意:如果你跟随本文教程搭建博客,那么请在`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
```
教程:[环境变量添加教程](https://baijiahao.baidu.com/s?id=1652502091402613426)
当然,`blog`也可以自己修改名称。
创建完一个博客文件夹后,里面非常空旷:
```
│
├─archetypes
│ default.md
│
├─content
├─data
├─layouts
├─static
└─themes
```
这时候,我们就要下载一个主题了:我这里以[MemE](https://github.com/reuixiy/hugo-theme-meme)做示例。
把主题`clone`到本地:
```bash
$ git clone https://github.com/reuixiy/hugo-theme-meme.git themes/meme
```
其实我推荐这个主题是有原因的:
1. 界面简洁(如本站)
2. 自带许多配置功能
3. 自带`Service Worker`&`PWA`
4. ......
配置/写作本文便不再赘述,请参阅:
- [hugo+github博客搭建教程! | 百家号](https://baijiahao.baidu.com/s?id=1630800288039248525)
- [使用Hugo搭建自己的博客 | 简书](https://www.jianshu.com/p/8c3d7dfb09a0)
- [README | GitHub](https://github.com/reuixiy/hugo-theme-meme/blob/master/README.zh-cn.md)
- [Hugo 主题 MemE 文档 | reuixiy](https://io-oi.me/tech/documentation-of-hugo-theme-meme/)
---
### 源码托管至GitHub
这个很简单,在GitHub上面新建一个仓库,名字随便取,然后将你的整个博客文件夹Push上去即可。
![](https://upload-images.jianshu.io/upload_images/20985509-1d99b8f1153e9598.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
看到那个大绿按钮了吧?!自己根据提示新建一个仓库!
```
$ git init
$ git remote add origin
相关文章推荐
- 建立个人博客网站推荐选择wordpress程序
- 个人博客配置百度Ueditor--jsp版本
- 关于模式识别、机器学习、推荐系统、图像特征等方面个人主页及博客
- Ubuntu上使用octopress+github建立个人博客
- 本地计算机安装Hexo框架建立简易个人博客,买个域名即可放到网上
- Hexo配置个人博客
- 做了新年里第一个决定:建立个人技术博客
- 【基于SSH框架的个人博客系统03】bean层-javabean的建立以及映射文件的创建
- 前端 配置环境及个人推荐安装必备软件
- 关于模式识别、机器学习、推荐系统、图像特征等方面个人主页及博客
- LNMMP架构搭建wp个人博客实现动静态内容分离 推荐
- 从“0”开始搭建个人博客(2)——Hexo的配置
- 从零开始,SpringBoot+Redis+MySQL搭建个人博客(二)-----引入MySQL数据库并实现通过properties实现多个数据库环境自动切换配置
- 博客园-推荐发博客工具的安装配置
- 6个方法告诉你如何用博客建立你的个人“品牌”
- 推荐大家到51CTO建立博客!
- 构建个人博客系统五(建立tomcat数据源)
- spring mvc配置ObjectMapper忽略无法识别的字段,以及一些博客推荐
- 使用GitHub + Hexo搭建个人博客(七)- 基本配置