如何免费快速搭建属于自己的个人博客(零基础)

来自我的个人博客,内容更丰富体验更佳

前言

前言图
拥有一个属于自己的个人博客是一件很酷的事情,就像拥有了自己的一片小天地,然后你可以在这里尽情搭建属于自己的世界。不管是分享自己的生活感受、随笔,还是分享自己的技术,都是一个非常不错的体验,所以话不多说,来搭建属于自己的个人博客吧!

环境搭建

安装nodejs

博主使用的是Ununtu系统,不过不管是Linux系统、Windows系统还是MacOs,控制台操作都是大同小异。我们将会使用Hexo这个框架来搭建,由于hexo是基于node.js来开发的,因此需要先下载node.js。

node.js下载方法

直接去nodejs官网下载:点击这里
nodejs官网
选择自己系统合适的版本下载并安装,一路next到底就行。

安装Git

由于我们最后博客需要部署到github上,为了得到属于自己的网址,因此我们还需要下载安装Git。

Git下载方法

如果是Linux用户,或者MacOs用户,可以直接在控制台输入以下命令:

sudo install apt-get git

 

Windows我没使用过控制台下载git,需要直接去git官网下载:点击这里
Git官网

安装cnpm

如果我们已经安装好了nodejs,我们的系统同时也安装了一个工具npm,但是如果使用npm来安装Hexo会比较慢,因此我们先装一个cnpm,它是使用国内的源。打开控制台,输入:

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

最后可以在控制台使用以下命令来验证环境是否搭建成功:

node -v
npm -v
git --version

 

如果控制台都返回了版本号,说明安装成功了,否则就重新再安装一遍。
到这里,Hexo所需的环境已经基本搭建完毕了,可以开始安装Hexo了!

安装Hexo

安装Hexo框架

直接在控制台输入以下命令:

cnpm install -g hexo-cli

 

等待一会儿Hexo就安装完毕了,是不是很简单!
继续输入:

hexo -v

 

会提示:
hexo -v
说明你的hexo框架已经安装在你的电脑上了,接下来就是创建属于你自己的博客了。

在本地生成博客文件

Windows用户

如果是Windows用户,假设我们要在D盘保存我们的本地博客,在控制台输入:

D:

 

如果不知道你的用户名是啥,可以先cd /home,然后输入ls就能查看)

mkdir myBlog

 

Linux用户

Linux用户在控制台输入:

pwd

 

查看你的当前路径,使用以下命令:

cd ..

 

一直使用以上命令,直到使用pwd命令能看见:

pwd
/

 

然后输入:

cd /home/(你的用户名)
mkdir myBlog

 

这样就在D盘创建了一个myBlog文件夹,当然你可以自己取一个其他的名字。然后进入该文件夹:

cd myBlog

 

然后输入:

hexo init

 

等待一会儿,你的文件夹中就会生成一堆文件,这些文件就是你本地的博客文件,你的博客就生成完毕了!
在控制台输入:

hexo server 或者 hexo s

 

就会得到一行信息:

Hexo is running at http://localhost:4000 . Press Ctrl+C to stop

 

打开 http://localhost:4000 这个网站,你的博客就此诞生!

写自己的第一篇博文

打开控制台按Ctrl+C先关闭本地服务器端口,然后输入:

hexo new "我的第一篇博文" 或者 hexo n "我的第一篇博文"

 

这样在你的本地就生成了一个md文件,标题叫《我的第一篇博文》,这个文件就在myBlog文件夹中的source/_post中。
我的第一篇博文
打开这个文件,你就可以任意写东西了,写完之后保存。在控制台输入:

hexo clean

 

hexo generate 或者 hexo g

然后再启动:

hexo s

 

打开 http://localhost:4000 就能看到你写的博客了!

将个人博客部署到网络

我们本地使用hexo s一般是作为测试用,但我们最终需要将个人博客部署到网络,让你拥有自己的网址。因此我们这里教大家如何将博客部署到GitHub上去。

在GitHub上创建仓库

既然要部署到GitHub上,那么我们就需要一个GitHub账号,没有的朋友自己去注册一个。
首先登录GitHub,登录成功后点击右上角的+,选择New repository:
创建GitHub仓库1
然后输入仓库名:
创建GitHub仓库2
仓库名后缀必须为github.io, 前缀必须为你的GitHub用户名!
点击Create repository,你就在gitHub上创建好了一个空仓库。

在本地安装Git部署插件

在部署之前,你需要先在本地安装一个插件,通过控制台进入到myBlog文件夹中(一般情况下你已经在myBlog文件夹中了),在控制台输入:

cnpm install --save hexo-deployer-git

 

等待一段时间安装完毕,安装过程中如果有warning提示,可以忽略。

将本地文件部署到GitHub

打开myBlog文件夹中的_config.yml文件,在文件的最底部做如下修改:
修改_config1
内容如下:

type: git
deploy: (你仓库的地址!)
branch: master

 

你仓库的地址在之前创建好的页面中:
修改_config2
然后在控制台输入:

hexo deploy 或者 hexo d

 

在执行的过程中,可能会有如下提示:
修改_config4
我们就需要输入在Git上验证的邮箱:

git config --global user.email "(你的邮箱)"
git config --global user.email "(你的用户名)"

 

然后重新hexo d就行,过程中会让你输入你的GitHub账号和密码,输入完毕后等待一会儿,就部署完成了:
修改_config5
你会在你之前GitHub上创建的仓库中发现增加了这些文件:
修改_config3

测试你的个人博客

在浏览器输入 https://(你的GitHub用户名).github.io :
修改_config6
就能够看到你的个人博客页面了!
hexo主页
从此以后你就有了自己的网址,很high有不有!

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
免费个人博客系统(兼多用户博客系统)是支持一个空间2个网站的全能型网站管理系统,本免费个人博客系统通用和拓展性强,博客、文章系统、商城、企业网站、个性化论坛等类型网站都可以使用,将来网站无论如何转型或拓展,只需要修改模板就可以实现,无需重建网站。本系统不同于以往任何逻辑架构的网站程序。本软件开发者希望通过注重商业化开发,助力用户通过网络创业和赚钱,当然您也可以通过这个软件在互联网高效地展示自己。 新版本: 新增wd()方法可以在任何模板调取任何文章商品数据,并自动生成缓存。 新版本还增加了十万多天然钻石及其它商品对接免费接口等。 详细说明: 1.本个人博客系统可以用于商业用途,本软件官方、开发者不收取任何授权费用; 2.本个人博客系统是支持一个空间2个网站的全能型博客系统; 3.本个人博客系统通用和拓展性强,博客、文章系统、商城、企业网站、个性化论坛等类型网站都可以使用; 4.本个人博客系统功能强大,代码少,运行效率更高,程序运行速度是其它主流同类软件的3~4倍,内存占用不到其它主流同类软件的五分之一; 5.开启和关闭会员注册,开启和关闭普通会员投稿功能; 6.会员功能拓展到了兼职专题功能,SEO设置和开放特约编辑的多用户不同权限管理功能等; 7.超级管理员可无密码一键登录任意会员后台,管理员用受限登录会员身份后台发布信息,也可让网站攻击者无法猜解密码; 8.自动生成手机版网站,系统默认带www的域名为PC模板站,不带www的顶级域名为手机站,不增加维护难度,就可以同时拥有2个网站; 9.博客程序还包含订单、秒杀、限时抢购和数量虚拟功能,助力用户互联网创业和商业化运营,就看脑洞大开的你怎么使用了; 10.本个人博客系统能够适应各种界面浏览器,后台可手机随时随地访问、管理和更新网站; 11.可一键切换成.shtml、.html、.htm、.asp、.aspx、.cgi、.php、.jsp、.cgi、/ 等网页后缀,模拟不同语言编程的网站程序; 12.前端页面精简,前端编码不用div标签,不用id、class规则的CSS样式,最大限度精简前端代码,鼓励用户抛弃div+CSS前端代码编写模式,我们这样不是为了迎合HTML5,只是为了更合理的应用HTML标签; 13.安装程序自动识别和设置伪静态; 14.全站无死角SEO设置; 15.强大的内链逻辑,特别适应大数据类型网站使用; 16.强大的广告和精准广告设置; 17.数据缓存模式,不依赖外部服务器组件和其它插件,不额外占用服务器系统内存资源; 18.删除局部缓存和一键清除全部缓存; 19.可设置邮件实时通知新订单和访客留言; 20.可设置管理员回复留言可同时邮件通知留言者; 21.可查看和删除无用上传文件,为将来数据备份节省时间和空间; 22.特色的tag标签功能; 23.分类、tag标签、url表单填写自动补缺; 24.url表单可自动生成拼音,也可以用汉字,自动转码,有利于SEO搜索引擎排名; 25.开放式PHP原生态模板,用户任意修改、穿插内容或广告,无需花时间研究额外规则,模板修改成本更低; 26.可对模板备份,使用备份模板,并可对模板恢复系统初始状态; 27.模板修改全站页面秒更新; 28.可自定义SQL语句的图片展示页面; 29.后台可控制各个模块是否开启验证码、设置验证码长度,以及设置验证码破解难度; 30.访客留言关键词过滤; 31.可自定义导航; 32.可在线编辑js和CSS文件; 33.本免费个人博客系统(兼多用户博客系统)无后门。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值