手把手教你利用hexo搭建自己的博客网站----史上完整详细版(基于GitHub for mac)

news/2024/5/9 16:16:07/文章来源:https://blog.csdn.net/qq_39350172/article/details/110773743

文章目录

    • 一、安装Node.js
    • 1.1 下载完该安装包,直接进行安装即可。
    • 1.2 打开终端,切换至root用户。
    • 1.3 查看一下node的版本
    • 1.4 查看npm的版本
    • 二、安装hexo
    • 2.1 安装cnpm
    • 2.2 查看cnpm
    • 2.3 查看cnpm的版本
    • 2.4 利用cnpm来全局安装hexo博客框架
    • 2.5 验证hexo是否安装成功了
    • 三、使用hexo正式搭建博客框架
    • 3.1 建立一个空的文件夹,名为:LyfdeBlog
    • 3.2 进入LyfdeBlog目录
    • 3.3 真正使用hexo来生成博客!
    • 3.4 部署博客至GitHub上
    • 四、更换博客主题
    • 4.1 推荐一个主题
    • 4.2 下载主题
    • 4.3 查看下载好的文件
    • 4.4 将yilia主题配置到自己的博客中

一、安装Node.js

下载地址:https://nodejs.org/en/
在这里插入图片描述

1.1 下载完该安装包,直接进行安装即可。

1.2 打开终端,切换至root用户。

在这里插入图片描述

1.3 查看一下node的版本

在这里插入图片描述

1.4 查看npm的版本

在这里插入图片描述
因为安装hexo是需要node来支持,因此,这一步前置步骤。

二、安装hexo

  在安装hexo时,是需要借助npm这个包管理器来安装,但是,国内由于镜像源的速度很慢,所以一般是在使用之前先利用npm来安装一个cnpm

2.1 安装cnpm

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

如图:
在这里插入图片描述

2.2 查看cnpm

在这里插入图片描述

2.3 查看cnpm的版本

在这里插入图片描述
这样就说明,cnpm已经安装成功了!!!

2.4 利用cnpm来全局安装hexo博客框架

命令:

cnpm install -g hexo-cli

如图:
在这里插入图片描述

2.5 验证hexo是否安装成功了

在这里插入图片描述
当看到有这些信息的存在时,就能够知道hexo已经安装好了。

三、使用hexo正式搭建博客框架

3.1 建立一个空的文件夹,名为:LyfdeBlog

在这里插入图片描述

3.2 进入LyfdeBlog目录

在这里插入图片描述

3.3 真正使用hexo来生成博客!

①初始化一个博客

sudo hexo init

如图:
在这里插入图片描述
②看一下,在这个文件夹生成那些文件

ls -l 

如图:
在这里插入图片描述
③也可以在finder中看一下生成的东西:
在这里插入图片描述
④启动博客

hexo s 

其中s为start的简写,表示启动博客。
在这里插入图片描述
⑤然后,在浏览器中打开 http://localhost:4000,就能够看到以下效果:
在这里插入图片描述
⑥按住ctrl + c来断开,然后新建一篇文章。

hexo n "我的第一篇博客"

如图:
在这里插入图片描述
⑦进入source/_posts/这个目录下

cd source/_posts/

如图:
在这里插入图片描述
然后,就会发现我们创建文件成功。

⑧在我的第一篇博客.md这个md文件中进行写博客,这里采用的是vim命令进行编写的。
在这里插入图片描述
⑨再回到LyfdeBlog目录下,命令如下:

cd ../..

如图:
在这里插入图片描述
⑩先hexo清理一下

hexo clean

如图:
在这里插入图片描述
⑪然后,hexo生成一下,命令如下:

命令:

hexo g

其中,g为generate的简写

如图:
在这里插入图片描述
⑫再重新启动一下

命令:

hexo s

如图:
在这里插入图片描述
⑬然后,再将 http://localhost:4000 这个地址再重新刷新一下,就会出现那篇新建的博客文章。

如图:
在这里插入图片描述

3.4 部署博客至GitHub上

①先打开自己的Github,然后创建一个新的仓库,步骤如下:
在这里插入图片描述
②创建完这个仓库后,然后再回终端上,安装一个git部署的插件,命令如下:

cnpm install --save hexo-deployer-git

如图:
在这里插入图片描述
如果上述出现了警告信息,不用管,继续下一步即可。

③设置_config.yml文件

命令:

vim _config.yml 

如图:
在这里插入图片描述
修改的内容,如下图:
在这里插入图片描述

该链接https://github.com/Chasing987/Chasing987.github.io.git是对应你的在github上的地址链接,如下图:
在这里插入图片描述
④部署到远端

hexo d

如图:
在这里插入图片描述
注意: 如果此时需要你输入你的账户和密码,直接输入的是你的github的账户和密码即可!

⑤然后,你就会发现,你的github仓库里多了下面这些内容:
在这里插入图片描述
这时,可以做一个操作,将Chasing987/Chasing987.github.io这个链接拿出来直接访问。即:
在这里插入图片描述
然后,就会发现,我们刚刚建的hexo博客就有了我们之前编写好的博客了,如下图:
在这里插入图片描述
  这样,你的博客就已经成功地部署到你的github上了,以后你就能够直接通过https://Chasing987.github.io该网址就能够直接访问你的个人博客网站了,就不需要再通过localhost:4000端口去访问了。

四、更换博客主题

4.1 推荐一个主题

链接为:https://github.com/litten/hexo-theme-yilia,点击该链接,你就能够进入下面这个界面:
在这里插入图片描述
  这里提醒一下:我们所做的所有操作,都是在之前建立好的文件夹做的,比如我就在LyfdeBlog目录下做的,如果大家做的任何操作有问题,或者不喜欢这个文件夹,可以直接删除该文件夹重新再来。

4.2 下载主题

回到终端,利用下述的命令来进行下载这个主题。

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

如下图:
在这里插入图片描述

4.3 查看下载好的文件

因为是下载到theme这个目录下,因此,我们可以去这个目录下看一下有没有该文件。
在这里插入图片描述
同样,也可以去电脑上的LyfdeBlog目录中的themes目录下是否有yilia这个文件夹。
在这里插入图片描述
如果能够看到上述的文件,就说明下载成功了!!!

4.4 将yilia主题配置到自己的博客中

①再回到终端中来,利用,下面的命令回到上一层的目录,并显示目录下的文件。

cd ..
ls -l

如图:
在这里插入图片描述
②配置_config.yml这个文件

终端命令:

vim _config.yml

如图:
在这里插入图片描述
③然后,修改该文件,将主题由landscape改变为yilia
在这里插入图片描述
④重新hexo清理一下

命令:

hexo clean

如图:
在这里插入图片描述
⑤然后,hexo生成一下

hexo g

如图:
在这里插入图片描述
⑥hexo启动一下

hexo s

如图:
在这里插入图片描述
然后再将这个http://localhost:4000这个本地4000端口重新刷新一下,就发现之前的搭建的博客风格变了,如图:
在这里插入图片描述
⑦将其推至远端

先按住ctrl+c终止之前的进程,然后下面的命令推送至远端:

hexo d

如图:
在这里插入图片描述
⑧然后,我们也能够通过之前的那个自己博客的链接https://chasing987.github.io/就能也能看上述博客更改后的结果。
如图:
在这里插入图片描述
这样,我们就完成了整个个人博客的搭建啦!

如果感觉写得还行,来个一键三连吧,嘻嘻嘻嘻!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_701259.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux运行隐藏文件,Linux下如何隐藏文件_网站服务器运行维护,Linux,隐藏文件

linux系统怎样安装软件_网站服务器运行维护linux系统安装软件的方法:1、使用apt命令进行安装,如【apt install app_name】;2、使用rpm命令进行安装,如【rpm -i app_name.rpm】。这篇文章主要介绍了Linux下隐藏文件方法&#xff0c…

我的网站搭建: (第一天) 模型设计

2019独角兽企业重金招聘Python工程师标准>>> 网站已经成功部署好多天了,今天突然发现以前在开发过程中遇到的问题没有被好好的记录下来,或者说是没有被保存。这样肯定是不可取的,这会让我陷入问题的轮回中,重复思考着如…

icns图标制作_PPT制作必备:这6个网站,帮你打造超强的图标素材库

在制作PPT,设计网站或者进行其他一些文档的排版时,适当得使用一些小图标不仅能起到锦上添花的作用,使页面看起来更有设计感,而且也能让排版脱离单调的文字堆叠,看起来更加形象具体。比较下面几页PPT,效果一…

真正从零开始搭建网站:云服务器+宝塔面板+wordpress(超详细教程)

虽然懵懵懂懂,迷迷糊糊,但在大佬的耐心指导下也终于成功搭建好了自己的网站嘻嘻! 跟着大佬教程:戳-->从零开始用云服务器宝塔面板WORDPRESS搭建网站(详细教程)(在大佬自建网站中&#xff09…

网站留言板防重复留言_如何做一个2000年风格复古的个人网站(3)创建个人小站-主页...

上一章,我们创建了首页。下面我们准备开始做主页。先新建一个页面:home.htm主页相对于展现个性的首页,内容要多很多,那么就要讲究排版了。当时流程的排版还是用 table,div 大概是 2003 - 2004 年慢慢流行起来的。整个首…

圣才电子书怎么提取pdf_总结10个免费网站,助你解决PDF所有问题!

PDF是我们常用的文件处理格式,比如打印文档、阅读文献等等。已有的软件不是付费,就是难以使用。今天推荐10个一站式免费解决PDF所有问题的网站,让你任性地使用与PDF有关的所有工具。01iLovePDFiLovePDF是一款满足你所有PDF需求的免费工具&…

微软正式发布Azure Storage上的静态网站

微软正式宣布了Azure Storage上的静态网站,提供了从托管在Azure Storage上的HTML、CSS和JavaScript文件提供内容的能力。静态网站包含内容固定的Web页面,同时仍然允许利用JavaScript等客户端代码来创建丰富的用户体验。 有了这个新功能,继用于…

linux nginx php 目录权限,Nginx环境中配置网站目录权限设置

在Nginx与php环境下,务必要设置好Nginx目录权限,安全的目录权限设置,将是网站安全的一道屏障,有需要的朋友做个参考吧。配置权限的原则是,在保证网站正常运行下,尽量给最低权限。nginx目录权限配置&#xf…

idm 爬取网站 跳转路径_儋州网站案例基本流程,电子元件网络推广,浅析

首页 > 新闻列表 > 正文作者:佚名 点击数: 7更新时间:2020-11-06 11:19:34 导读:北京佐助信息科技有限公司为您提供儋州网站案例基本流程,电子元件网络推广的相关知识与详情: 是否交换朋友链需要每天检查&#…

php mysql网站导航跳转_PHP微信公众平台跳转网页实现定位思路 By:阿尚

这两天做微信公众平台的时候遇到一个进入网页进行用户定位的功能,由于各方面原因,没有去使用微信提供的js定位。以前也没做过微信相关的开发-加之微信官方提供的API文档着实看着蛋疼,苦思无果,终于在第三天某位高人提了一点思路&a…

j2ee mysql 图片_实战 J2EE 开发购物网站 二_MySQL

J2EE第三步,安装配置jBuilder 7这里我安装的是weblogic版安装jBuilder不要把它装到带有空格的目录里如Prograih Files,或是中文目录中,不然编译时会出错的。安装很简单,不必多言,这里着重讲一下配置小技巧一:大家觉得j…

python网络爬虫_Python网络爬虫——爬取视频网站源视频!

原标题:Python网络爬虫——爬取视频网站源视频!学习前提1、了解python基础语法 2、了解re、selenium、BeautifulSoup、os、requests等python第三方库 1.引入库爬取网站视频需要引入的第三方库:import os from selenium import webdriver impo…

linux系统默认硬盘启动,帮助中心--起点操作系统(StartOS)官方网站

如果您已经拿到 StartOS 的安装光盘,那还犹豫什么呢? 马上将计算机设置为从光驱启动,插入安装光盘,开始安装之旅吧!StartOS 是免费的,可以从官方网站直接下载。下载得到的是后缀名为”.iso”的光盘镜像文件…

中文地址转英文地址网站_SSL证书可能让你网站源IP地址暴露

最近从网站的攻防战中学到了不少东西,还结识了一个专门做网站防护的同县城老乡,给了我不少的信心。这几天网站能够保证一定时长的访问,能够让我更新2-3篇文章不受阻碍,主要也是我这位老乡的功劳真的。今天我网站的Cc攻击量达到了2…

vue seo关键词设置_网站SEO常用优化技巧

SEO(Search Engine Optimization)搜索引擎优化,简单来说,就是通过技术手段,帮助我们的网站上首页。不同的搜索引擎,排名算法也不尽相同,导致了各项参数的权重比值也就不一样,但是&am…

网站服务器可以用虚拟主机吗,做网站虚拟主机可以用服务器吗

做网站虚拟主机可以用服务器吗 内容精选换一换可以。弹性云服务器或者专属主机上创建的弹性云服务器都可以用来搭建网站。华为云帮助中心,为用户提供产品简介、价格说明、购买指南、用户指南、API参考、最佳实践、常见问题、视频帮助等技术文档,帮助您快…

seo关键词互点软件报价_seo关键词优化软件如何收费

seo关键xaa0c1词优化软件如何收费,随着现代化信息技术的发展,人们越来越多的从网络来获取信息。近年来,我们获取的信息绝大部分都是来源于网络,网络如今已成为信息的最大载体。为了让更多消费者了解并消费企业提供的服务和产品&am…

怎样获取网站的域名_搭建一个网站,通常的6大步骤你知道吗?

怎样建网站?要搭建一个网站,通常有6个步骤。下面我们简单的介绍如何一步一步搭建网站。第一步:注册域名挑选网站地址,注册专属域名。注册域名的价格取决于具体用什么样的后缀域名搭建网站。目前可以选择的域名后缀非常多&#xff…

python多页网站目录_python 爬取页面所有的url

原博文 2020-08-07 21:01 − 1.使用request爬取有效的URL # -*- coding: GBK -*- from urllib import request import re #爬取某个主页上的全部有效URL def crawb(): # 1. 确定好要爬取的入口链接 url "http://www.b... 相关推荐 2019-12-18 21:26 − 1,Djan…

php 随机在文章中添加锚文本_seo网站优化技巧之:8种优质锚文本的做法

众所周知,质量最高的外链就是锚文本形式的外链,这种外链又称为锚链,当锚文本中嵌入了我们的目标关键词之后,这种锚链的权重传递效率最高。锚文本链接的质量高低,对关键词排名及网站权重的影响非常大。seo网站优化技巧什…