当前位置:首页 > 公众号精选 > 电子电路开发学习
[导读]摘要:最近把博客网站整理了一下,换了一个简洁干净的主题。很多小伙伴问我个人博客怎么搭的,个人网站怎么搭的?你用的Hexo框架还是WordPress框架啊?如果我要搭建网站怎么选择啊?域名咋搞的啊?搭建网站是不是需要买一个服务器啊?是不是还要去公安局备案啊?等等问题,今天就一并解答...


摘要:最近把博客网站整理了一下,换了一个简洁干净的主题。很多小伙伴问我个人博客怎么搭的,个人网站怎么搭的?你用的Hexo框架还是WordPress框架啊?如果我要搭建网站怎么选择啊?域名咋搞的啊?搭建网站是不是需要买一个服务器啊?是不是还要去公安局备案啊?等等问题,今天就一并解答。顺带再带大家梳理一下个人博客网站的搭建过程和问题。

大家都知道搞技术的都会有一个自己的博客网站,听起来好难、好高大上,其实真的很简单,不需要你掌握什么JAVA、JS、HTML、CSS就可以很快的搭建出来。因为现在的个人博客网站用的都是开源的框架,博客的主题也是开源的。你只需要把这个框架和主题安装到你的电脑就可以了。可以说只要你会安装软你就可以搭建一个网站

为了更好的理解搭建的过程,就以我的的个人博客网站搭建为例,从头到尾再搭建一遍。另外我的个人博客配置文件也会上传至Gitee仓库,可以直接clone下来直接替换,就能搭建跟我一样效果的UI,怎么样,给力吧!最终的效果如下,我觉的这样挺简洁明了的,当然下载下来也可以修改成你喜欢的UI。

liuyao-blog.cn
关于我
导航页

1、什么是Hexo?

Hexo是一个快速、简洁且高效的博客框架。Hexo使用Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。简单点说Hexo就是一个博客的框架,就好比你要盖一栋房子,首先就要把架构和框架搭出来,再此基础上再进行装修,装修好了就可以入住了。搭建博客也是一样,你要先安装这个框架(Hexo)到你的电脑,然后在安装主题(装修),等安装好了就可以访问啦。

与Hexo对应的就是WordPress框架,你可以这样理解Hexo是一个静态站点,WordPress是一个动态站点。使用Wordpress搞个人博客必须要有虚拟主机或者云服务器才可以。国内的虚拟主机或云服务器,新用户首年一般在200元左右,续费的话会非常贵。而利用GitHub pages服务搭建Hexo博客免费。

现在明白了吧,如果你不想花钱想白嫖就用hexo框架。如果你不差钱,想把你的个人博客搞得专业一点你就用WordPress框架,买个云虚拟主机就可以了。

Hexo官方文档
wordpress官网

2、两者搭建流程对比

这里我做了一张思维导图,大家可以一目了然的看出这两个框架搭建网站的流程和区别。

Hexo
WordPress
从图中也可以看到WordPress搭建肯定比Hexo搭建简单,但是需要购买云虚拟主机,就是我们博客存放的空间。而Hexo搭建的过程相对要复杂一下,需要使用各种命令来安装各种依赖和插件。

3、开始hexo搭建

在搭建的开始首先要安装git工具和Node.js(Node.js 版本需不低于 10.13)。

3.1安装Git

Windows:下载并安装git.
Mac:使用Homebrew, MacPorts 或者下载安装程序。
Linux (Ubuntu, Debian):sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS):sudo yum install git-core

3.2安装Node.js

Node.js为大多数平台提供了官方的安装程序。对于中国大陆地区用户,可以前往淘宝Node.js镜像下载。其它的安装方法:

Windows:通过 nvs(推荐)或者 nvm 安装。
Mac:使用 Homebrew 或 MacPorts 安装。
Linux(DEB/RPM-based):从 NodeSource 安装。
其它:使用相应的软件包管理器进行安装,可以参考由 Node.js 提供的指导。

3.3安装Hexo框架

所有必备的应用程序安装完成后,即可使用npm安装Hexo。不要觉得安装这个框架有多复杂,只需要一条命令就可以了。npm是安装工具,install表示安装,-g表示全局安装,hexo-cli表示安装的是hexo框架。

npm install -g hexo-cli
安装hexo框架
安装完框架之后新建一个存放博客的文件夹blogtest,并使用hexo init命令初始化这个文件夹。注意新建blogtest文件夹和初始化这个文件夹只需要下面这条命令就可以了。

hexo init blogtest
然后进入到我们新建的这个blogtest文件夹中,使用cd blogtest命令就可以进入这个文件夹。

cd blogtest
接着在这个文件中安装npm依赖。

这四步必须要做的,等待运行完成,此时文件夹中多了许多文件。这样我们的博客就搭建完了,怎么样是不是很简单。

接在在博客的文件中使用git工具输入hexo generatehexo serverhexo generate命令是生成静态网页,hexo server是将博客部署在本地。

hexo generate 
本站声明: 本文章由作者或相关机构授权发布,目的在于传递更多信息,并不代表本站赞同其观点,本站亦不保证或承诺内容真实性等。需要转载请联系该专栏作者,如若文章内容侵犯您的权益,请及时联系本站删除。
关闭
关闭