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




目录
相关文章
|
存储 JavaScript 编译器
玩转vitepress1.0,搭建个人网站~
当初1月份的时候为了后续春招求职,就使用vitepress搭建了一个个人网站,然后把自己本地的一些md文件整理了发布在了上面,不过当时vitepress还未发布正式版本,还是0.22.x这样的版本, 所以其实有很多不满意的地方,比如侧边栏折叠之前没有,明暗模式之前没有,单篇文章的大纲好像也没有,侧边栏在不同tab下有问题,这些我不太确定,可能功能是有的,但是官方文档上没更新罢了
409 0
|
10月前
|
存储 对象存储 CDN
Hexo从0到1搭建博客系列04:图床的最佳实践
Hexo从0到1搭建博客系列04:图床的最佳实践
254 0
|
8月前
|
存储 程序员 API
30分钟快速搭建并部署一个免费的个人博客
30分钟快速搭建并部署一个免费的个人博客
138 0
|
12月前
利用docsify搭建个人博客并免费上线,太好用了,必须分享一下!
利用docsify搭建个人博客并免费上线,太好用了,必须分享一下!
|
缓存 网络安全 开发工具
Hexo零成本搭建个人博客网站2
Hexo零成本搭建个人博客网站
91 0
|
JavaScript Ubuntu 网络安全
Hexo 个人博客搭建
hexo Github Pages博客搭建全过程 声明: 演示环境为Ubuntu 16.04,记录时间为16~17年。 创建仓库 !NOTE 目的是使用GitHub Pages来部署我们的博客。 注册GitHub账号,官网地址:https //github.com/ 登录后如下图,点击创建仓库
88 0
|
域名解析 网络协议 关系型数据库
使用阿里云轻量服务器安装WordPress博客网站三步走
阿里云轻量应用服务器镜像可选WordPress应用,应用镜像可以自动安装WordPress程序及WP所依赖的Web安装环境,轻量服务器网来详细说下轻量服务器选择WordPress应用镜像创建成功后的操作流程使用方法:
612 0
|
JavaScript 前端开发 Shell
Hexo系列(一) 搭建博客网站
Hexo系列(一) 搭建博客网站
119 0
|
开发工具 数据安全/隐私保护 git
使用 hexo 框架 快速搭建个人博客(二)
使用 hexo 框架 快速搭建个人博客(二)
97 0
使用 hexo 框架 快速搭建个人博客(二)
|
JavaScript
使用 hexo 框架 快速搭建个人博客(一)
使用 hexo 框架 快速搭建个人博客(一)
121 0
使用 hexo 框架 快速搭建个人博客(一)