欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

建立个人博客配置推荐

程序员文章站 2022-06-24 13:07:42
建立个人博客白嫖推荐: 框架/主题: "Hugo" & "MemE" 源码托管: "GitHub" 网站持续集成部署: "Netlify" 网站DNS解析服务/免费CDN: "Cloudflare" (可选)免费CDN: "NodeCache" & "DDOS Guard" 统计: "百度统计" / ......

建立个人博客白嫖推荐:

白嫖成功,废话不说开始建站!本文采用操作系统:windows 10 2004 19587.1000,其他系统请举一反三,采用git bash

建立个人博客配置推荐


hugo&meme

首先,先去下载hugo。在你看到这篇文章之前,你可能已经阅读了许多建博客教程,也许是推荐使用hexo,或是typecho,也有可能是wordpressgrideaghost……但是!但是!为什么我要推荐一个知名度在国内都不如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. ......

配置/写作本文便不再赘述,请参阅:


源码托管至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有中文界面,自己搞