当前位置: 首页 > news >正文

优惠券网站开发网站 正在建设中

优惠券网站开发,网站 正在建设中,郑州网站建设培训短期班,此网站三天换一次域名文章目录 1.Hexo安装2.创建博客3.将博客通过GitHub来部署4.更换主题 1.Hexo安装 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他标记语言)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。搭建Hexo首先要…

文章目录

        • 1.Hexo安装
        • 2.创建博客
        • 3.将博客通过GitHub来部署
        • 4.更换主题

1.Hexo安装

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他标记语言)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。搭建Hexo首先要按照Node.js,可以进行官网下载。另外也要确保自己电脑安装了git在Linux系统使用命令sudo apt-get install git安装并配置,如:用户名和邮箱。在这里插入图片描述
安装Node版本管理工具NVM,它可以管理不同的版本

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash

在Linux使用NVM管理工具下载,将它添加到环境变量中

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

安装对应的Node版本

nvm install 20

npm默认是国外的镜像源速度比较慢,更换国内的淘宝镜像源

npm config get registry
npm install -g cnpm --registry=https://registry.npmmirror.com

使用cnpm来下载Hexo

sudo cnpm install -g hexo-cli

现在已经下载完毕Hexo,创建一个文件夹来初始化博客,如果有错误把这个文件夹删除就可以了。

$ mkdir blog
$ cd blog
$ sudo hexo init
$ sudo hexo s	# 启动hexo是一个前台进程,s是server的简写

启动好hexo访问本地的4000端口,http://localhost:4000/ 有一篇Hello Wolrd博客说明了Hexo搭建博客已经成功了。

2.创建博客

系统默认创建的Hello World文章就有创建文件的指令,也可以参考文档
1、创建博客

$ sudo hexo n 我的第一篇文章 # n是new的缩写

2、我们可以使用vim使用markdown语法对文章进行编辑,markdown参考文档。创建的博客在source/_posts/下。

$ cd source/_posts/
$ sudo vim  我的第一篇文章.md # 打开创建的文件有下面的内容
---
title: 我的第一篇文章
date: 2024-10-14 13:43:27
tags:
---

3、对文章更新后重新生成一下

$ sudo hexo clean
$ sudo hexo g 	# g是generate的缩写

最终的结果展示:
在这里插入图片描述

3.将博客通过GitHub来部署

1、创建个人仓库,注意命名方式GitHub用户名.github.io
在这里插入图片描述
2、安装插件

cnpm install --save hexo-deployer-git

3、修改配置文件_config.yml
在这里插入图片描述
4、执行命令,最后通过仓库名就能直接访问到个人博客了,如:atgiuxi.github.io

$ sudo hexo d

5、可能存在的错误
情况一:git clone失败的情况。在WLS通过修改/ect/hosts文件添加代理

140.82.121.3 github.com
185.199.110.133 raw.github.com

情况二:输入密码不能登录,在github上settings中生成token来替换密码登录

remote: Support for password authentication was removed on August 13, 2021
4.更换主题

在github上找一个hexo的主题将它克隆到themes文件夹,然后修改_config.yml

sudo git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
# theme: landscape
theme: yilia

更换后的主题长这样
在这里插入图片描述

http://www.yayakq.cn/news/20523/

相关文章:

  • 网站建设与单位干部作风的关系室内设计联盟官方网站图片
  • 哪个是网站建设里面的网站更换ico文件位置
  • 做水果网站弄个什么名字一个人做网站用什么技术
  • 潍坊市住房和城乡建设局网站下载广州中学生网站制作
  • 苏州网站建设企业网站制作保定seo外包服务商
  • 南宁品牌网站设计公司知识库管理系统
  • 云南建设投资控股集团有限公司网站用开源吗做的网站可以用吗
  • 北京++网站建设咨询顾问公司访问网页的流程
  • app开发分为哪几种滁州百度seo
  • 支付宝网站开发流程网站开发职业工资
  • 网站首页是什么河南建设厅官方网站
  • 网站做中英文切换济南市建设监理有限公司网站
  • 英文网站设计多少钱网站建设部门
  • 宝安区住房和建设局网站wordpress yzipicc
  • 西宁市网站建设高端网络平台建站流程
  • 页眉做的好的网站网站中新颖的功能
  • 做网站代理工作安全吗网站建设找单
  • windows 2008 网站wordpress 模板使用
  • 网站策划书撰写流程东莞网站建设公司服务平台
  • 梭子手做鱼网站家具设计师
  • 网站开发注意事项泸州网站建设多少钱
  • 网站开发的条件电商会学着做网站呢
  • 个人网站设计论文ppt怎样做3d动画短视频网站
  • 如何自建网站做外贸wordpress 首页跳转
  • 网站建设优化公司企业网站推广的方法
  • 网站建设调查回访表qq降龙是哪个公司开发的
  • 提供零基础网站建设教学网站建设方案设计书
  • 山东新华电脑学院学网站开发深圳域名空间
  • 网站开发公司气氛wordpress用户冻结
  • 帝国网站做图片轮播服装 多语言 网站源码