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

电子商务网站推广的界定如何做网站毕业设计

电子商务网站推广的界定,如何做网站毕业设计,网站建设哪里好薇,网站的物理结构使用hugogithub搭建免费个人博客 前提条件 win11电脑一台电脑安装了git电脑安装了hugogithub账号一个 个人博客本地搭建 初始化一个博客 打开cmd窗口,使用hugo新建一个博客工程 hugo new site blogtest下载主题 主题官网:themes.gohugo.io 在上面…

使用hugo+github搭建免费个人博客

前提条件

  • win11电脑一台
  • 电脑安装了git
  • 电脑安装了hugo
  • github账号一个

个人博客本地搭建

初始化一个博客

打开cmd窗口,使用hugo新建一个博客工程

hugo new site blogtest

下载主题

主题官网:themes.gohugo.io

在上面找一个主题,我这里找名称为m10c 的主题:m10c | Hugo Themes (gohugo.io)

注意:不同主题的安装方式不同,以后再专门写一个文章介绍如何安装复杂主题。本文不使用git add submodule 或者git clone的方式下载主题,因为这个部署到github的时候会有问题,坑已踩过,请紧跟我走。

主题的网站是一个github仓库:vaga/hugo-theme-m10c: A minimalistic (m10c) blog theme for Hugo (github.com),我们需要把它的zip文件下载下来。

下载了zip文件之后,需要在hemes 目录新建一个m10c 的文件夹,然后把zip包里面的内容全部放到m10c 文件夹,放好之后的文件目录是这样的:

在这里插入图片描述

主题应用

在blogtest目录的cmd命令行,输入如下命令:

hugo server -t m10c

其中-t 是指定主题的意思。在浏览器中输入https://localhost:1313 就能访问

修改配置,将m10c 设置为默认主题:

参考E:\HugoProject\blogtest\themes\m10c\exampleSite\config.toml 的配置,修改E:\HugoProject\blogtest\hugo.toml 为如下

baseURL = 'https://lishuangquan1987.github.io/'
languageCode = 'en-us'
title = 'Tony Blog'
theme = 'm10c'
paginate = 8[menu][[menu.main]]identifier = "home"name = "Home"url = "/"weight = 1[[menu.main]]identifier = "tags"name = "Tags"url = "/tags/"weight = 2[[menu.main]]identifier = "about"name = "About"url = "/about/"weight = 3[params]author = "Tony"description = "familiar with c#,go,lua,vb6"menu_item_separator = "  ·  "[[params.social]]icon = "circle"name = "CSDN"url = "https://blog.csdn.net/lishuangquan1987"[[params.social]]icon = "github"name = "Github"url = "https://github.com/lishuangquan1987"# Default theme#[params.style]#  darkestColor = "#242930"#  darkColor = "#353b43"#  lightColor = "#afbac4"#  lightestColor = "#ffffff"#  primaryColor = "#57cc8a"# Green theme#[params.style]#  darkestColor = "#315659"#  darkColor = "#253031"#  lightColor = "#96a879"#  lightestColor = "#fff"#  primaryColor = "#dad865"# Red theme#[params.style]#  darkestColor = "#d35050"#  darkColor = "#212121"#  lightColor = "#d6d6d6"#  lightestColor = "#d3d3d3"#  primaryColor = "#ffffff"

其中几个比较重要的配置:

  • theme=m10c 指定默认主题
  • baseUrl=https://lishuangquan1987.github.io/ 这个后面将网站部署到github会用到

此时。我们再使用如下命令启动:

hugo server

在浏览器中发现能启动,且主题的文字发生变化。

新建一个文章

使用如下命令,可以新建一个文章:

hugo new post/k8s集群简单搭建.md

这时,我们直接运行hugo server 命令,发现不能看到文章,需要编辑k8s集群简单搭建.md:

+++
title = ‘K8s集群简单搭建’
date = 2023-10-05T12:32:30+08:00
draft = true
+++

其中有个draft=true 表示草稿的意思,将它去掉之后,就能看到文章了。往文章里面填写markdown 语法的内容即可

将博客部署到github

在github上新建仓库

在github上新建一个名称为 {用户名}.github.io的仓库。例如我的github用户名是lishuagnquan1987 ,那么我新建仓库名称为lishuagnquan1987.github.io

编译本地项目

E:\HugoProject\blogtest> 的命令行中输入如下命令:

hugo

即可编译项目,编译之后,发现生成了public文件夹

推送本地项目到github

E:\HugoProject\blogtest> 的命令行中输入如下命令:

  • 初始化git仓库

    git init
    
  • 添加远程仓库

    git remote add origin https://github.com/lishuangquan1987/lishuangquan1987.github.io.git
    
  • 暂存本地修改

    git add .
    
  • 提交本地修改

    git commit -m "first commit"
    
  • 提交本地修改到远程

    git push --set-upstream origin master
    

设置github仓库

在仓库主界面,点击Settintgs:

在这里插入图片描述

进入设置界面,点击左侧导航栏的Pages:

请添加图片描述

Build and deployment->Source中选择GitHub Actions:

在这里插入图片描述

点击browse all workflows:

在这里插入图片描述

然后搜索 hugo,找到hugo之后点击configure按钮:

在这里插入图片描述

它会自动在lishuagnquan1987.github.io/.github/workflows目录下新建一个hugo.yml文件

这时候,我们不需要修改任何东西,直接点击右侧的Commit changes 按钮提交修改即可:

在这里插入图片描述

此时,可以看到github正在构建你的项目:

在这里插入图片描述

等构建完毕之后,可以输入地址:http://lishuagnquan1987.github.io来访问你的博客啦:

在这里插入图片描述

注意:需要将新建的hugo.toml文件同步到本地,否则后续修改会造成冲突

git pull
http://www.yayakq.cn/news/255125/

相关文章:

  • 可以做旅行行程的网站国外效果做的好的网站
  • 做网站的程序员进什么公司好男生学什么技术最挣钱
  • 扬中网站推广哪家好营销和销售的区别在哪里
  • wap网站制作没有网站可以做淘宝客吗
  • 做ppt的模板的网站有哪些内容怎样做某个网站有更新的提醒
  • 西安企业网站怎么建立wordpress文章自动摘要
  • 网站开发的私活网站短片怎么做
  • 建设通网站登录不进去asp网站怎么做301定向
  • 手游超变传奇网站发布网资源网站优化排名网站
  • 如何做一名优秀的网站管理者网络营销课程总结
  • 深圳做兼职的网站wordpress修改图片
  • 网站建设的公司开发ps做的网站模板
  • 廊坊制作网站公司做婚恋网站赚钱吗
  • ae有么有做gif的网站学网站软件设计
  • 象山县城乡建设局网站品牌展示榜ui做的好的网站
  • 仙居网站建设大连市网站推广公司
  • 图片比较多的网站怎么做东莞软件
  • 影视网站搭建哪个系统好北京网站如何制作
  • 网站布局优化策略内蒙古建设工程造价信息网官网中项网
  • 网站建设行业新闻动态文章自定义wordpress
  • app和网站趋势临沂网站建设费用
  • 龙岩网页制作seo关键词推广价格
  • 网站建设业务的销售人员培训文档郑州二七区
  • 中国制造网介绍正规seo服务商
  • 如何网站公司小程序鞋子网站模板
  • 网站建设都有哪些书浙江省建设工程质量安全管理协会网站
  • 医疗网站的建设设计要注意什么品牌建设什么意思
  • 公司网站建设入什么费用阿里巴巴可以做网站吗
  • 绍兴高端网站设计潮州网站seo推广
  • 招聘信息网站注册深圳公司代理记账报税