Hexo零成本搭建个人博客网站1

简介: Hexo零成本搭建个人博客网站

前言

0901eb1e9de84b4ba37b2bff03244a17.png

如果你想拥有一个自己的博客网站(类似上面这种),但是不想花钱购买服务器来搭建,那么恭喜你,阅览本文你会搭建一个属于自己的博客网站。搭建的网站可以编写笔记、上传代码。而你也会开启一个属于自己的世界,并且网站可以随时切换另一种主题风格。

本文需要用到的网站:

Hexo官网:Hexo官网

Hexo主题包:Hexo主题包

Gitee官网: Gitee官网

Git 官网: Git官网

Node.js官网:Node.js

Tyora官网:Typora官网


提示:以下是本篇文章正文内容,下面案例可供参考

一、Git工具和Node.js的安装

1.Git工具的安装

打开Git官网,点击下载,安装无脑下一步即可。


image.png

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官网,点击下载,安装无脑下一步。



b8cb997e054b4813a4f669eecd140c64.png

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的文件夹。



89f1996ee3ab434e8edfd783d7f67bb6.png

2.进入文件夹,右键点击Git Bash Here,以下简称GBH

箭头所指的是:本地地址



820c6ed67a0d49d28941a2ac23fd6f54.png

3.打开Hexo官网,在下方找到安装命令。


e9ed54e35d65455c91a0f5cf06f90322.png

4.安装Hexo:在GBH里输入npm install hexo-cli -g


5e426f3da1974c67b6c0e64fde064eeb.png

安装结束可以输入hexo -v查看版本号。



633680d8e6de453e846e2adb86c0e605.png

5.初始化Hexo:继续输入hexo init blog


e331f2159b464cd880522872635a6460.png

6.进入文件夹,安装npm:继续输入cd blognpm install


d7be04cd0391428d84d558081952266b.png

此时,可以在本地文件夹里找到blog文件夹,点开文件夹,可以看到配置信息。

74c93ebed20d4675b1cb8430f10f0338.png7.最后输入hexo server,后面显示http://localhost:4000/,则表示安装Hexo成功。恭喜你,你已经拥有了一个属于自己的博客网站。不过这个博客只能在本地访问,无法联网让其他人查看。


143253616eeb465d852225ec8f0aad76.png

8.打开浏览器,输入网址,即可访问。

提示:下图为设置主题的样式。522b2cf463524212ba6c451c77e97e5e.png




目录
相关文章
|
2月前
|
安全
教你如何10分钟搭建一个网站?
在快节奏的互联网上,做很多时间都需要快,包括网站搭建、也可以做到快速搭建,今天给大家分享一个10分钟搭建网站的过程
|
2月前
|
移动开发 安全 SEO
如何自己搭建一个网站
今天的文章总结适合0基础,网站搭建的技巧和流程,哪怕你是小白,不会编程,也可以制作非常漂亮且实用的企业网站、政务网站、学校网站等,如果想做个人博客更是不在话下。希望我的经验能帮助更多没有过多的经费、没有建站基础的朋友。用户跟着我的文章流程基本上一周就可以快速搭建出一个高端、大气、具有营销型、自动SEO、H5的网站。
|
25天前
|
存储 运维 前端开发
如何自己搭建一个网站?
‌确定需求和目标‌:在开始搭建网站之前,明确网站的需求和核心,网站主要是什么途径:展示产品或服务、提供信息和资源、增加销售、提升品牌形象等。
|
存储 程序员 API
30分钟快速搭建并部署一个免费的个人博客
30分钟快速搭建并部署一个免费的个人博客
258 0
利用docsify搭建个人博客并免费上线,太好用了,必须分享一下!
利用docsify搭建个人博客并免费上线,太好用了,必须分享一下!
|
缓存 网络安全 开发工具
Hexo零成本搭建个人博客网站2
Hexo零成本搭建个人博客网站
130 0
|
JavaScript Ubuntu 网络安全
Hexo 个人博客搭建
hexo Github Pages博客搭建全过程 声明: 演示环境为Ubuntu 16.04,记录时间为16~17年。 创建仓库 !NOTE 目的是使用GitHub Pages来部署我们的博客。 注册GitHub账号,官网地址:https //github.com/ 登录后如下图,点击创建仓库
108 0
|
域名解析 网络协议 关系型数据库
使用阿里云轻量服务器安装WordPress博客网站三步走
阿里云轻量应用服务器镜像可选WordPress应用,应用镜像可以自动安装WordPress程序及WP所依赖的Web安装环境,轻量服务器网来详细说下轻量服务器选择WordPress应用镜像创建成功后的操作流程使用方法:
681 0
|
JavaScript 前端开发 Shell
Hexo系列(一) 搭建博客网站
Hexo系列(一) 搭建博客网站
156 0
|
JavaScript
使用 hexo 框架 快速搭建个人博客(一)
使用 hexo 框架 快速搭建个人博客(一)
158 0
使用 hexo 框架 快速搭建个人博客(一)