首页 > 系统相关 >零基础-零成本搭建个人博客-Hexo-基于windows10

零基础-零成本搭建个人博客-Hexo-基于windows10

时间:2024-06-15 19:10:43浏览次数:25  
标签:github Hexo hexo vscode windows10 blog 安装 下载 搭建

下载 nodejs 

# 1、访问官网:https://nodejs.org/en
- 下载LTS版本

下载后安装下一步、选择安装路径即可、注意要选择add to path(这是npm下载包的路径)

安装hexo

安装成功后在cmd中输入npm验证一下:按 Win+R 键、弹出后 输入 cmd

创建workspace:需要安装hexo下载的nmp包

F:\workspace :在此目录下打开cmd 下载hexo

#注意:安装目录要确定:可以在cmd中输入: cd F:\workspace     去到该目录下

#建议可以使用vscode来执行-可选

按照官网提供的 命令执行安装启动hexo即可:命令如下

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

访问搭建好的blog、浏览器输入:http://localhost:4000/ 

可以看到可以访问blog页面了

发表自己的blog:这里使用vscode来编辑个人的文章(自行去了解vscode的用法)

使用vscode打开 上面创建好的blog目录:如下

编辑文章:打开source\_posts 下的hello-world.md 进行修改、效果如下:

#注意:如果在vscode中的终端无法使用npm、hexo等命令、需要将vscode的属性配置为-以管理员身份运行此程序:如下图

新增文章:在终端或cmd输入:hexo new 零成本搭建个人博客(其实就是在soruce\posts下新建了一个.md文件):如下

输入:hexo new my-first-blog

输入hexo server 启动服务(如果没有关掉上一个服务就没必要执行)、可以看到网页出了第二篇文章

注册github(可能需要魔法):https://github.com/ 

注册后创建仓库:如下图

自定义自己的博客网址:如下图

拉到最下面点击:create repository 

创建后会跳到这个界面:可以不用管(我们不使用这里提供的命令、使用一个客户端来克隆下载本项目)

下载 github Desktop :https://desktop.github.com/

下载后正常下一步下一步安装即可、安装完打开登录

 

登陆后将在github创建的 项目克隆下来:选择 file -> Clone repository .....

克隆项目到指定目录:点击Clone

回到终端、将hexo项目输出 github格式的项目目录架构、先终止hexo server:按 ctrl + c

再执行:hexo generate  输出项目

回到 github Desktop 

推送至github

 

等待推送完成后再浏览器中输入网址:https://xiaoxin-top.github.io/  即可打开自己的博客啦

 

主题的更换

如果觉得默认的主题不符合你的审美、可以再官网选择自己喜欢的主题

主题官网:https://hexo.io/themes/

点击进去可以看到 各种各样的主题、点击主题里面都带有部署的步骤

以上就是个人博客的搭建啦、更多主题需要个人去探索啦

标签:github,Hexo,hexo,vscode,windows10,blog,安装,下载,搭建
From: https://www.cnblogs.com/littlecc/p/18249272

相关文章

  • k8s搭建高可用
    kubeadm是官方社区推出的一个用于快速部署kubernetes集群的工具。这个工具能通过两条指令完成一个kubernetes集群的部署:#创建一个Master节点$kubeadminit​#将一个Node节点加入到当前集群中$kubeadmjoin<Master节点的IP和端口>1.安装要求在开始之前,部署Kubernete......
  • 阿里云 Ubuntu 22.04.4 LTS 安装postfix+dovecot 搭建邮件服务器
    一安装1安装postfixsudoapt-getinstallpostfix#如果没有弹出配置界面,运行dpkg-reconfigurepostfix     #sudovim/etc/postfix/main.cfsmtpd_banner=$myhostnameESMTP$mail_name(Ubuntu)biff=noappend_dot_mydomain=noreadme_directory=......
  • 本地搭建halo模板和插件开发简要步骤
    1.新建local配置文件,加载本地插件工程目录halo:plugin:runtime-mode:developmentfixed-plugin-path:#配置为插件绝对路径#-D:\myproject\hellodev\plugin-ylpro-D:\myproject\hellodev\plugin-links2.插件工程编写好处理模板的代码3.编......
  • 设置Windows10休眠
    From: https://g.pconline.com.cn/x/1581/15810434.html很多用户在使用电脑的时候,总是会有遇到电脑长时间不用的情况,这时候将其进行休眠是最好的方法,不仅能够让电脑寿命更长,还不会费电,但一些新用户却不清楚如何去设置,那么下面就和小编一起来看看Win10设置休眠的方法吧。......
  • 以太坊私有链 —— POW搭建
    一、使用的GO与Geth版本GO:1.22.4geth:1.10.26二、安装配置GO语言安装GO1.22.4语言环境(linux)wget https://golang.google.cn/dl/go1.22.4.linux-amd64.tar.gz解压到指定目录tar-zxvf go1.22.4.linux-amd64.tar.gz-C/usr/local/配置GOPATH环境exportPATH=$PAT......
  • Rocketmq的单机搭建和消息分发时遇到的坑
    1.首先准备Jdk、rocketmq-dashboard-master、apache-maven-3.9.7-bin.tar.gz、rocketmq-all-5.1.0-bin-release.zip这几样,dashboard是rocketmq的可视化工具,需要maven编译所以需要。 2.创建一个app目录将所有文件解压, maven要修改config文件更换数据源,创建一个repository......
  • 搭建Python虚拟环境(二):venv和virtualenv
    下面继续详细介绍各种创建虚拟环境的方式使用venv创建Python虚拟环境在Python开发中,虚拟环境是一个非常重要的概念。它允许我们为每个项目创建独立的环境,这样可以避免不同项目之间的依赖包冲突。venv是Python用于创建虚拟环境的标准库之一。本文将详细介绍如何使用v......
  • 商城小程序系统:一站式搭建,轻松上线
    前言近年来,商城小程序系统以其便捷、高效的特点,正逐渐成为商品买卖的新宠。这类小程序,类似于我们熟知的京东、淘宝等电商巨头,为商家提供了一个全新的销售渠道,让商品买卖更加智能化、便捷化。一、商城小程序有什么作用?商城小程序系统的一站式搭建服务,无疑是商家们的福......
  • 全新取图系统搭建,广泛应用,轻松解决找图难问题!
    前言在数字化高速发展的时代,图片已成为人们日常交流不可或缺的一部分。每个社交平台我们都需要头像、背景等去打造属于我们自己的一张名片。为了满足大众日益增长的需求,并创造更多的收益机会,搭建一款先进的取图系统真的很必要。一、这款取图系统有什么主要功能?该取图......
  • Haproxy搭建Web群集
    目录一、Haproxy概述1.Haproxy的概述2.常用的Web集群调度器 3.Haproxy的主要特性4.Haproxy调度算法5.Haproxy提供了3种实现会话保持的方式二、LVS、Nginx、Haproxy的区别三.Haproxy搭建Web群集 1.进行初始化操作安装Haproxy2.Haproxy服务器配置3.修改Haproxy......