每日提问:独立搭建个人博客需要哪些技术知识?



点击上方“秦子帅”,选择“星标”

08:50 在看 

搭建独立博客不是很繁琐,只要你静下心,一点点弄,很快就能搭建好。

一.博客框架的选择

  • WordPress

  • Jekyll (jekyllrb.com/)

  • Hugo (gohugo.org/)

  • Django (djangoproject.com/)

  • Hexo (hexo.io/)

这里我推荐你在WordPress与Hexo中选择

1.WordPress搭建准备:

  • 购买域名

  • 购买服务器

我现在的博客就是用WordPress搭建的,你可以看一下:秦子帅的博客

每日提问:独立搭建个人博客需要哪些技术知识?_java



但是看你的提问,你应该是新手,购买服务器与配置确实费一些金钱与精力,结合你的情况,我推荐你用Hexo来搭建你的博客

Hexo 可以理解为是基于node.js制作的一个博客工具,不是我们理解的一个开源的博客系统。其中的差别,有点意思。
hexo 正常来说,不需要部署到我们的服务器上,我们的服务器上保存的,其实是基于在hexo通过markdown编写的文章,然后hexo帮我们生成静态的html页面,然后,将生成的html上传到我们的服务器。简而言之:hexo是个静态页面生成、上传的工具。这就省去了服务器购买与配置的功夫了。而且Hexo搭建出来的博客也是非常好看。

二.Hexo+Github快速搭建自己的博客

1.Git下载
下载地址:
git-for-windows.github.io

2.Node.js下载
下载地址:
nodejs.org/en/

每日提问:独立搭建个人博客需要哪些技术知识?_java_02


直接默认安装就可以了。

3.配置GitHub

3.1注册github账号,建立库,并且库名必须是yourname.github.io,yourname是你github的用户名。每日提问:独立搭建个人博客需要哪些技术知识?_java_03

3.2.在_config.yml进行配置每日提问:独立搭建个人博客需要哪些技术知识?_java_04

4.安装Hexo

4.1.利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Bash每日提问:独立搭建个人博客需要哪些技术知识?_java_05

然后输入命令:

npm install -g hexo

如果显示的事command not found,那就删除刚才安装的目录,再次执行上面的命令。

5.初始化Hexo

5.1.在某一个盘上创建名为一个文件夹,(比如在D盘创建名为Hexo的文件夹)每日提问:独立搭建个人博客需要哪些技术知识?_java_06

5.2.在Hexo文件夹下,运行Git Bash,输入命令:hexo init (一定要在你刚才创建的文件夹下运行)

安装依赖包 输入此命令: npm install

5.3.生成静态页面,输入此命令:

hexo g

本地启动

启动本地服务,输入此命令:

hexo s

输入完成后,打开浏览器输入http://localhost:4000

如果成功的话会显示如下页面:每日提问:独立搭建个人博客需要哪些技术知识?_java_07

但是也有可能报如下错误:

fatal: unable to access 'https://github.com/*/*.github.io.git/': Failed to connect to github.com port 443: Timed out FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html Error: fatal: unable to access 'https://github.com/*/*.github.io.git/': Failed to connect to github.com port 443: Timed out

解决方法为:
将hexo配置文件——config.yml中repo里更改为 
https://用户名:密码@新建github库的地.git然后就可以了。
如果是第一次,然后执行命令:

npm install hexo-deployer-git --save

然后再执行

hexo d

然后再浏览器中输入yourname.github.io/就行了,yourname是你的github的账户名,至此博客就基本搭建完成了。

附加:如果出现ERROR Deployer not found: git 或者 ERROR Deployer not found: github

解决方法:npm install hexo-deployer-git --save

剩下的就是还差:

  • Hexo NexT主题简单配置以及文章发布步骤

  • 域名注册(购买)及GithubPages绑定详解

这两块我在这就不详细介绍了,可以在往上搜索详细的教程。

---END---


 创作不易,点个“在看每日提问:独立搭建个人博客需要哪些技术知识?_java_08