您当前的位置:首页 > 电脑百科 > 站长技术 > 网站

一种快速搭建个人博客网站的方式

时间:2020-03-08 10:31:09  来源:  作者:

第一章

介绍一个开源的个人博客框架hexo,展示如何使用它快速搭建个人博客,并发布到github

准备

  • Node环境
  • Git工具
  • GitHub账号

搭建

1.下载

npm i -g hexo-cli

2.初始化

hexo init

命令执行时会自动下载一个默认主题,这样一个初始化的博客网站就搭建成功了,接下来就可以启动了。

3.启动

hexo s

启动成功后,打开浏览器,访问提示端口

 

一种快速搭建个人博客网站的方式

 

 

第二章

写博客

利用命令行或者手动创建,这里讲一下命令行

进入控制台,切换到 source/_posts/ 目录下

cd source/_posts/

1.新建

hexo n "名称"

执行完成后,就会在source/_posts/下生成一个文件

 

一种快速搭建个人博客网站的方式

 

2.使用markdown编辑器编辑好内容,保存退出!

3.先清除

hexo clean

再生成

hexo g

4.最后再次启动

hexo s

就可以看到自己写的博客了

 

一种快速搭建个人博客网站的方式

 

更换主题

自定义一个主题

推荐:https://github.com/litten/hexo-theme-yilia,一个优雅简洁的主题

1.下载

blog/下进入控制台

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

会将主题下载到目录文件夹themes/下

 

一种快速搭建个人博客网站的方式

 

2.修改配置

下载完成后,修改配置文件_config.yml,将theme换成自己要换的主题名

 

一种快速搭建个人博客网站的方式

 

3.保存退出之后再先清除

hexo clean

再生成

hexo g

4.启动


 

效果

 

一种快速搭建个人博客网站的方式

 

发布

到目前为止,我们创建的博客只能在本地运行,只能本地主机访问,这样的博客网站是没有任何意义的,因此,我们要将它发布到服务器上,这里我们采用一个免费的方式,将它发布到github上

1.创建仓库

点击加号后,选择new repository

 

一种快速搭建个人博客网站的方式

 

注意:新建的仓库名必须是:登录名+github.io

 

一种快速搭建个人博客网站的方式

 

2.安装插件

hexo-deployer-git:用将博客网站发布到远端的插件

切换到blog/下,进入控制台


 

3.修改配置文件

打开_config.yml,找到最底修改为

 

一种快速搭建个人博客网站的方式

 

4.发布

控制台


 

刷新再进入到刚刚创建的仓库,我们就可以看到上传很多文件

 

一种快速搭建个人博客网站的方式

 

这样我们可以直接使用仓库名进行访问,例如:

我这里使用:http://chenhr24.github.io访问

 

一种快速搭建个人博客网站的方式

 

结语

本文给大家介绍了一种快速搭建个人博客网站的方式,并将博客网站发布到GitHub上。当然,这里只是使用了hexo搭建一个建议的网站,如果想要做的更加美观,可以之后再做完善!

大家可以花几十分钟试着创建一个自己的博客网站,遇到什么问题欢迎评论区留言讨论!!



Tags:博客网站   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
大家好,我是小包,喜欢分享干货。今天给大家分享一篇我去年写的文章,主要内容是关于做个人博客的。看到这个标题,很多朋友会问:都2019年了,现在做网站是不是晚了?其实并不晚,只要搜索...【详细内容】
2021-08-19  Tags: 博客网站  点击:(78)  评论:(0)  加入收藏
【ALENG 自媒体】8月11日早间自媒体专稿,话说从2008年涉足独立博客至今,掐指一算,走独立博客这一行已经10多年了。10多年间,我的独立博客网站先后使用过早期的Z-blog博客系统,后...【详细内容】
2020-08-12  Tags: 博客网站  点击:(114)  评论:(0)  加入收藏
第一章介绍一个开源的个人博客框架hexo,展示如何使用它快速搭建个人博客,并发布到github准备 Node环境 Git工具 GitHub账号搭建1.下载npm i -g hexo-cli2.初始化hexo init命令...【详细内容】
2020-03-08  Tags: 博客网站  点击:(63)  评论:(0)  加入收藏
▌简易百科推荐
今天我们来聊一下北京地区的《ICP经营许可证》有多好办,现在的互联网上提供的商机越来越多,增值电信业务十分火爆,企业通过互联网突破地域的限制,把公司产品卖到更远的地方,同时...【详细内容】
2021-12-17  梦想理应飞翔Yy    Tags:《ICP经营许可证》   点击:(12)  评论:(0)  加入收藏
转自: https://blog.kermsite.com/p/blog-intro/由于格式问题,部分链接、表格可能会失效,若失效请访问原文此专题将详细介绍如何从零开始搭建一个个人博客。Dec 01, 2021阅读时...【详细内容】
2021-12-17  LaLiLi    Tags:个人博客   点击:(7)  评论:(0)  加入收藏
SP证是第二类增值电信业务经营许可证的简称。分为全网SP证和地网SP证。申请经营许可证是在工信部申请,全网SP经营许可证的有效期是5年,全网SP许可证在工信部办理全网SP续期,地...【详细内容】
2021-11-01  s陳述    Tags:sp证书   点击:(39)  评论:(0)  加入收藏
现在还有许多人不知道EDI许可证是什么东西今天我就来给大家讲解一下.EDI许可证就是一种增值电信业务经营许可证。是针对在线数据处理和交易处理业务需求的专业资格证书。 《...【详细内容】
2021-10-28  soberXx    Tags:edi许可证   点击:(75)  评论:(0)  加入收藏
元素的化学概念,如周期表中的化学元素,一切物质都是由元素构成的。对程序员而言,网站建设制作就是代码构成网站。企业网站设计者也收集了各种各样的元素,但并非所有元素都需要运...【详细内容】
2021-10-26  南宁云尚网络    Tags:企业网站   点击:(40)  评论:(0)  加入收藏
在运营网站的过程中,有一件不可忽略的事情。那就是网站上线之前需要完成 ICP 备案。说到这里,很多朋友就提出疑问了~· 什么是 ICP 备案呢?· ICP 备案需要哪些材...【详细内容】
2021-10-22  启测云    Tags:ICP备案   点击:(46)  评论:(0)  加入收藏
最近有朋友问我,我公司有外资就不能申请ICP许可证了么?外资的定义是什么?其实是可以的,但有一个特定条件必须满足,外资公司是指公司有外资股东,比如香港、加拿大、美国、韩国等等,...【详细内容】
2021-10-21  小白速看Z    Tags:ICP   点击:(51)  评论:(0)  加入收藏
自互联网出现以来,超文本传输协议http协议被广泛用于在Web浏览器和网站服务器之间传递信息,但随着互联网的发展,另一种协议——https出现,并与http一同服务于这个互联...【详细内容】
2021-10-20  我是FEIYA    Tags:https   点击:(44)  评论:(0)  加入收藏
Grafana Loki 是一个日志聚合工具,它是功能齐全的日志堆栈的核心。图片来自 包图网先看看结果有多轻量吧: Loki 是一个为有效保存日志数据而优化的数据存储。日志数据的高效索...【详细内容】
2021-09-14    51CTO  Tags:Loki日志   点击:(97)  评论:(0)  加入收藏
背景最近做微信小程序开发比较多,大家知道线上微信小程序为了安全起见,要求后端通信协议必须是HTTPS,这就要求需要安装证书。为了测试预发布线上环境,特地买了个最便宜的域名,为...【详细内容】
2021-09-14  小李子说程序    Tags:HTTPS证书   点击:(125)  评论:(0)  加入收藏
相关文章
    无相关信息
最新更新
栏目热门
栏目头条