赞
踩
如果你想拥有一个自己的博客网站(类似上面这种),但是不想花钱购买服务器来搭建,那么恭喜你,阅览本文你会搭建一个属于自己的博客网站。搭建的网站可以编写笔记、上传代码。而你也会开启一个属于自己的世界,并且网站可以随时切换另一种主题风格。
本文需要用到的网站:
Hexo官网:Hexo官网
Hexo主题包:Hexo主题包
Gitee官网: Gitee官网
Git 官网: Git官网
Node.js官网:Node.js
Tyora官网:Typora官网
提示:以下是本篇文章正文内容,下面案例可供参考
打开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
打开Node.js官网,点击下载,安装无脑下一步。
Node.js安装成功:Win+r,输入cmd,回车,输入node -v,回车显示版本号,则表示安装成功。:
node -v
Hexo是一款基于Node.js的静态博客框架,依赖少,易于安装使用,可以方便的生成静态网页托管在GitHub和Gitee上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人张文台,他是一名开源开发者,也是Node.js的早期使用者之一,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.打开浏览器,输入网址,即可访问。
提示:下图为设置主题的样式。
在blog
文件夹里,打开GBH
,输入hexo new "文章标题"
。
hexo new "新电脑配置"
在blog\source_posts下看到创建的文章。
双击点开刚刚创建的文章,推荐使用Typora来编写文章。
再运行hexo g
,生成网页。
最后运行hexo s
,生成博客。
浏览器打开http://localhost:4000/
查看是否新增文章。
Hexo主题官网或Hexo首页滑到最下方。
然后找到一个喜欢的主题:例如:https://hexo-theme-async.imalun.com/guide/
根据主题安装步骤进行操作。
根据主题的步骤,找到配置,根据指南进行配置。
hexo g
hexo s
Gitee是开源中国推出的基于Git的代码托管服务平台,可以用它做个人博客。
右上角找到“账号设置”,找到“实名验证”,进行验证。
提示:没有实名验证就没有办法开启Gitee Pages服务。
右上角找到“+”,找到“新建仓库”。
路径为个人空间地址。
1.复制下面两行代码:
git config --global user.name "xxx"
git config --global user.email "xxx@user.noreply.gitee.com"
然后在GBH
上粘贴。
2.在GBH
输入 ssh-keygen -t rsa -C "邮箱地址"
,输入三次回车。
3.获取秘钥:输入cat ~/.ssh/id_rsa.pub
,然后复制显示的秘钥,打开刚刚创建的仓库,
4.添加秘钥:在gitee设置中,找到SSH公钥,粘贴刚刚的秘钥。
5.输入:ssh -T git@gitee.com
,返回successfully,表示成功。
6.打开_config.yml网站配置文件,找到deploy,添加下面内容。
repository:后面增加一个空格,后面地址为Gitee仓库的SSH地址。
7.运行完成将博客部署到Gitee中:运行npm install hexo-deployer-git --save
8.输入hexo g
和hexo s
9.部署博客:hexo d
,部署完成,可以在Gitee仓库中看到创建的代码文件
点击“管理”,将仓库开源。
点击服务,点击Gitee Pages,开启强制使用。
网站上会提示“你正在部署网站”。
后面的地址就是个人博客的地址。
恭喜你已经获得一个完全免费的个人博客网站。
更新自己的博客后,运行hexo g
生成网页。hexo s
运行本地服务器。先在本地查看修改的样式是否满意。再将网页部署到Gitee中,输入hexo d
部署博客。然后打开Gitee在Pages服务中点击更新,博客就会发生变化。
如果没有发生变化,可以输入hexo clean
清理缓存文件,然后再输入hexo g
和hexo d
重新部署一次。
做自己的博客,不是一个简单的事情,但是绝对是一件很酷的事情。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。