使用hexo+icarus快速搭建属于自己的博客网站

2024-04-23 03:06:09

使用hexo+icarus快速搭建属于自己的博客网站

准备环境

安装nodejs✅
安装git✅
安装hexo✅

# 此为全局安装，可能需要sudo权限
npm install -g hexo-cli

创建git仓库

直接在github主页创建一个新的仓库，此处假设仓库名称为blog_tensorrt

使用hexo建初始博客

首先初始化一个博客项目，此处blog可以换成自己想要起的名称。该操作之后在当前目录下会出现一个叫做blog的新的文件夹

hexo init blog

进入blog文件夹下

cd blog

可以看到当前的文件夹下有一个themes的文件夹，此时看到里面没有文件，下载icarus主题代码到其中

git clone git@github.com:ppoffice/hexo-theme-icarus.git /themes/icarus

之后修改_config.yml文件，将theme修改为icarus

theme: icarus

之后在命令行进行构建

hexo g

输入生成命令可能会报错，提示有没有安装的包，安装确实的包

yarn add bulma-stylus@0.8.0 hexo-component-inferno@^1.1.0 hexo-pagination@^2.0.0 hexo-renderer-inferno@^0.1.3 inferno@^7.3.3 inferno-create-element@^7.3.3

接着生成

# 该命令多执行几次，知道没有新的文件生成
hexo g

查看网页初始效果

hexo s

打开网页http://localhost:4000

自定义博客设计

此时博客目录下有文件_config.icarus.yml，修改该文件即可，每一项在icarus官网https://ppoffice.github.io/hexo-theme-icarus/Configuration/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE/#more均有详细的说明，在此不做赘述。

部署网站

首先修改_config.yml文件

# Site
title: eryoyo的博客
subtitle: 坚持✊
description: tensorrt笔记整理
keywords:
author: eryoyo
language: zh-CN
timezone: Asia/Shanghai# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: https://eryoyo.github.io/blog_tensorrt

之后进行本地查看

hexo clean
hexo g
hexo s

网站可以在http://localhost:4000/blog_tensorrt里面查看到

之后接着修改_config.yml文件

deploy:type: gitrepo: git@github.com:eryoyo/blog_tensorrt.gitbranch: master

安装部署需要的包

npm install hexo-deployer-git --save

之后部署

hexo deploy

在仓库里面setting里面修改github pages的none为master分支，点击save，等待一会之后就可以在访问自己刚刚部署到的网站了

使用hexo+icarus快速搭建属于自己的博客网站相关推荐

30分钟(零成本)快速搭建markdown个人github博客
零成本-30分钟快速搭建markdown个人github博客摘要:本文以mkdocs 开源文档工具 + markdown预发编写文档,最终生成简易个人github博客.最终效果如:https://s ...
快速构建属于自己的博客网站
①5行代码搭建属于自己的博客网站安装前提: 已安装Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本,一般来说优先推荐最新版) 打开命令行终端 ...
Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
前言本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 . TypeScript 具有类型系统,且是 JavaScript 的超集,TypeScript ...
怎么快速搭建属于自己的博客
前言博客平台那么多,还用创建自己的博客吗? 比如:新浪博客.网易博客.CSDN.CNBLOG等,太多的博客了. 可是有一天你还是想创建属于自己的博客,拥有自己的域名和空间. 那么怎么快速的创建属于 ...
Hexo+Fluid搭建自己的个人博客网站！
这篇博文我已经拖更半年了,半年前兴致勃勃地买了域名.搭起了个人博客,结果到现在网页上还是空空如也,马上就要2023年了,准备从现在开始,每天坚持做一件事,希望时间的积分效应能让我有所收益. 本博文将介 ...
搭建 Github Pages 个人博客网站
文章出自个人博客https://knightyun.github.io/2018/04/01/github-pages-blog#1.1. 转载请申明目录引言关于博客关于Github 创建Gi ...
10分钟搭建一个免费个人博客网站
一个程序员怎么能不拥有自己的博客,本文让10分钟快速搭建部署好自己的博客准备工作有Gitee账号有安装git 会 markdown 编写文档 Node.js 版本 >= 8.6 博客采用V ...
使用Hugo搭建自己的个人博客网站
一.使用Hugo(基于Go语言的博客框架)搭建个人博客网站 1.Windows 64位系统下安装Hugo a.Hugo框架下载地址,找到hugo_0.55.4_Windows-64bit.zip文件进 ...
在win10子系统ubuntu平台下使用jekyll和github pages搭建自己的静态博客网站
前言总喜欢在自己闲得无聊的时候,折腾一些东西.最近喜欢上了markdown的方便简洁,就想借助jekyll和github pages来搭建一个静态博客网站,然后只需要跟平时写代码一样,上传自己的.m ...
斥资75元，我搭建了自己的博客网站
1.背景 1.1.执念搭建网站是一直想做的事.读大学时,曾用阿里云搭建了一个网站,但是第二天就无法访问(没备案). 当时想到即使搭建好了,网站上也没有内容可以放,这件事也就翻篇了. 1.2.教做人 ...

最新文章

热门文章