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

即墨网站建设在哪免费找客户软件

即墨网站建设在哪,免费找客户软件,wordpress 自己可见,天津定制网站建设公司Hexo‌是一个基于Node.js的静态网站生成器,主要用于快速搭建博客和个人网站。它使用Markdown语法编写文章,能够迅速生成静态页面并部署到服务器上。 配置node 使用nvm安装node(v16.13.2)后配置镜像 安装并使用node: nvm install 16.13.2 n…

Hexo‌是一个基于Node.js的静态网站生成器,主要用于快速搭建博客和个人网站。它使用Markdown语法编写文章,能够迅速生成静态页面并部署到服务器上。


配置node

  1. 使用nvm安装node(v16.13.2)后配置镜像

安装并使用node:

nvm install 16.13.2
nvm use 16.13.2

查看当前node版本:

node -v

配置镜像:

npm config set registry https://registry.npmmirror.com

可以通过以下命令查看镜像是否配置成功:

npm config get registry
  1. 配置node

下载express:

npm install express -g

安装hexo本地环境:

npm install -g hexo

配置git

生成ssh:

 ssh-keygen -t rsa -C "邮箱地址"

在这里插入图片描述

所有要输入的地方都按回车,使用默认值

把密钥添加到github账户中:
在这里插入图片描述
测试ssh是否绑定成功:

ssh -T git@github.com

输入ssh -T git@github.com报错:
在这里插入图片描述

  1. 说明无法通过22端口与github进行ssh连接,将ssh连接端口修改为443后测试:
ssh -T -p 443 git@ssh.github.com

在这里插入图片描述

  1. 说明443端口可以访问,但是github不提供shell权限。
    在.ssh文件夹下新建config文件(没有后缀)
    在这里插入图片描述
    config文件:
Host github.com
Hostname ssh.github.com
Port 443
  1. 重新输入sssh -T git@github.com测试:
    在这里插入图片描述

本地创建Blog

  1. 创建Blog文件夹,初始化hexo
hexo init

在这里插入图片描述
成功后显示:
在这里插入图片描述

  • _config.yml:站点配置文件
    node_modules:存储hexo插件的文件
  1. 生成本地的hexo页面:
hexo s

在这里插入图片描述
在浏览器输入http://localhost:4000即可访问
在这里插入图片描述

上传Blog到GitHub

  1. 新建仓库:
    在这里插入图片描述

仓库格式:用户名.github.io
一定要是用户名!!不然后边会报404
这个仓库名将作为github博客的访问地址

  1. 修改_config.yml文件:
    在这里插入图片描述
deploy:type: gitrepository: https://github.com/xiaolin0333/xiaolin0333.github.io.gitbranch: main
  1. 安装hexo-deployer-git自动部署发布工具:
npm install hexo-deployer-git --save
  1. 生成页面:
hexo g

在这里插入图片描述
5. 本地文件上传到Github网页:

hexo d

上传成功:
在这里插入图片描述

Butterfly主题

更改主题后,可以使用hexo clean & hexo g & hexo s在本地测试
需要传到github上,可以使用hexo clean & hexo g & hexo d传到GitHub上

下载主题

  1. 在Blog根目录下下载:
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
  1. 安装pug和stylus渲染器
npm install hexo-renderer-pug hexo-renderer-stylus --save
  1. 修改Blog根目录下的_config.yml开启butterfly主题
theme: butterfly
  1. 在根目录新建_config.butterfly.yml,复制butterfly目录下的_config.yml文件到该文件中。

和博客网址关联度较高的设置在Blog根目录下的_config.yml文件中;
和主题样式关联度较高的设置在Blog根目录下的_config.butterfly.ym文件中。

发布博客

  1. 安装插件:
npm i hexo-deployer-git
  1. 输入命令:
hexo new post "新建博客的文章名"

设置博客个人资料

在_config.yml中设置:

# Site
title: xiaolin0333 	#标题
subtitle: '欢迎来到小林的博客'	#副标题
description: 		#个性签名
keywords:
author: 小林	#作者
language: zh-CN	#语言
timezone: Asia/Shanghai    #中国的时区

设置导航菜单

在_config.butterfly.yml中设置:

menu:# Home: / || fas fa-home# List||fas fa-list:#   Music: /music/ || fas fa-music#   Movie: /movies/ || fas fa-video主页: / || fas fa-home标签: /tags/ || fa fa-tags分类: /categories/ || fa fa-archive归档: /archives/ || fa fa-folder-open关于: /about/ || fas fa-heart 留言板: /comment/ || fa fa-paper-plane

在这里插入图片描述

创建文件夹

根据前面设置的导航菜单创建文件夹

  1. 标签
hexo new page tags
  1. 分类
hexo new page categories
  1. 归档
hexo new page archives
  1. 关于
hexo new page about
  1. 留言板
hexo new page comment

在这里插入图片描述

完成啦:
在这里插入图片描述
我的博客地址

http://www.hkea.cn/news/174059/

相关文章:

  • 哈 做网站网店代运营收费
  • 制作网页的三大技术是什么郑州seo顾问
  • 网站建设报价流程行业网站网址
  • 提供邯郸做wap网站网页推广方案
  • 网站从域名广告营销公司
  • 网站链接的常见形式免费广告网
  • 微信微网站开发教程百度大数据平台
  • 网站服务设计引流推广是什么意思
  • 学校网站建设管理办法本周新闻热点事件
  • 网站移动版怎么做网站创建公司
  • wordpress 微商城模板下载地址苏州seo推广
  • 珠海网站哪家好百度com百度一下你
  • wordpress wp.net网络优化工程师是做什么的
  • 刷会员网站怎么做外贸如何推广
  • 专做女装的网站网站备案是什么意思
  • 没有网站可以做seo排名吗小学生简短小新闻摘抄
  • 做程序网站需要什么代码宁波seo搜索排名优化
  • 网站建设开发语言新冠病毒最新消息
  • 怎么做1688网站网页制作工具有哪些
  • 一个网站的主题和设计风格最好用的免费建站平台
  • 网站开发主页手机优化游戏性能的软件
  • 怎么做属于自己的域名网站网络策划方案
  • destoon做的网站百度商务合作联系
  • 金山区网站制作网络营销策划书1500字
  • 厦门网站建设制作工具熊猫关键词挖掘工具
  • 徐州网站建设 网站推广百度首页快速排名系统
  • 在线转格式网站怎么做拼多多seo 优化软件
  • 成都理工疫情最新消息贵港seo
  • 网站如何防止攻击怎么自己做一个小程序
  • 企业网站建设英文百度收录