前言
如果你想拥有一个自己的博客网站(类似上面这种),但是不想花钱购买服务器来搭建,那么恭喜你,阅览本文你会搭建一个属于自己的博客网站。搭建的网站可以编写笔记、上传代码。而你也会开启一个属于自己的世界,并且网站可以随时切换另一种主题风格。
本文需要用到的网站:
Gitee官网: Gitee官网
Git 官网: Git官网
Node.js官网:Node.js
Tyora官网:Typora官网
提示:以下是本篇文章正文内容,下面案例可供参考
一、Git工具和Node.js的安装
1.Git工具的安装
打开Git官网,点击下载,安装无脑下一步即可。
Git安装成功:任一位置右击鼠标,会出现“Git GUI Here”和“Git Bash Here”,则表示安装成功。
Mac:使用 Homebrew, MacPorts 或者下载
安装程序。
Linux (Ubuntu, Debian):sudoapt-get install git-core
Linux (Fedora, Red Hat, CentOS):sudo yuminstall git-core
2.Node.js的安装
打开Node.js官网,点击下载,安装无脑下一步。
Node.js安装成功:Win+r,输入cmd,回车,输入node -v,回车显示版本号,则表示安装成功。:
node -v
二、Hexo安装
1.Hexo简介
Hexo是一款基于Node.js的静态博客框架,依赖少,易于安装使用,可以方便的生成静态网页托管在GitHub和Gitee上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人张文台,他是一名开源开发者,也是Node.js的早期使用者之一,Hexo项目是他在工作之余发起的,并得到了社区的支持和贡献,所以对中文的支持很友好,可以选择中文进行查看。
2.Hexo安装步骤
1.计算机任一位置,新建一个hexo的文件夹。
2.进入文件夹,右键点击Git Bash Here
,以下简称GBH
。
箭头所指的是:本地地址
3.打开Hexo官网,在下方找到安装命令。
4.安装Hexo:在GBH
里输入npm install hexo-cli -g
。
安装结束可以输入hexo -v
查看版本号。
5.初始化Hexo:继续输入hexo init blog
。
6.进入文件夹,安装npm:继续输入cd blog
和npm install
。
此时,可以在本地文件夹里找到blog
文件夹,点开文件夹,可以看到配置信息。
7.最后输入hexo server
,后面显示http://localhost:4000/
,则表示安装Hexo成功。恭喜你,你已经拥有了一个属于自己的博客网站。不过这个博客只能在本地访问,无法联网让其他人查看。
8.打开浏览器,输入网址,即可访问。
提示:下图为设置主题的样式。