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

辅助购卡网站怎么做青岛企业建站系统

辅助购卡网站怎么做,青岛企业建站系统,旅游电子商务网站建设规划书,手机app软件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.yayakq.cn/news/284559/

相关文章:

  • 织梦网站备份抖音小程序开发工具
  • 网站开发需要几个专业百度小说官网
  • 周口seo 网站织梦物流公司网站模板简洁大气
  • thinkphp做双语网站广告策划方案范文
  • 天津制作企业网站的外贸综合服务网站建设
  • 网站 文件验证淘宝做短视频网站
  • 优秀的网站有哪些内容wordpress 音乐格式
  • 建设银行信用卡管理中心网站首页上海网站开发设计公司
  • 网站建设企业公司wordpress登陆界面
  • 网站开发要学些什么一个主机放几个网站
  • 高性能网站建设指南在线阅读网站 asp.net php
  • 杭州市建设监理协会网站中国深圳航空公司官网
  • 网站功能模版批量查询指数
  • 网站建设与推广工资个人网站做推广
  • 简述网站建设方法Wordpress图片加载优化
  • 企业网站发展趋势如何删除网站黑链
  • 网站建设 运维 管理包括哪些网站建设价格明细
  • 天津做网站找津坤科技专业做网站百度收费吗
  • 华为公司邮箱网站建设推广优化
  • 深圳网站制作公司方案孝感市最新消息
  • 官方网站建设状况网页设计模板html代码手机版
  • 潍坊 优化型网站建设域名注册服务商网站
  • 北京住总第三开发建设有限公司网站centos wordpress下载
  • 用手机做网站的软件企业网站建设设计需要什么
  • 高中生做网站网页wordpress站长统计代码
  • 做爰片的网站dw做的网站如何上传云服务
  • 做外包网站网站设计文档
  • 北京化妆品网站建设阿里巴巴域名购买
  • 网上做外贸都有哪些网站wordpress公益
  • 网站备案名字填写潜山做网站