前言 您是否正在寻找有关如何创建博客网站: 个人博客 或者 开源项目官网 : Dubbo, Vue.js的构建框架? 在这篇文章我将向您展示如何创建一个美观并且实用的开源博客/开源项目官网构建框架!近一年来,我一直在建立博客和网站.在那段时间里,我已经发布了几个自己的博客,并总结了构建网站一路来遇到的框架和其优缺.我知道大多数人认为创建一个博客是令人生畏的,很多人都难以踏出疑似泰山,实则简单的第一步.这个免费指南是关于初学者的博客,并将教你如何成为一个博主只有最基本的计算机技能.因此,无论您是8

背景 最近在浏览微软的文档的时候发现,微软喜欢用Hugo这个文档框架,有些技术产品的文档页面就用Hugo来做的,同时搭配Github + Azure Static Web Apps Service这个组合来完成自动构建和发布. 刚好我也有个和Hugo类似的静态前端框架在用,结果还真的在Azure Static Web Apps Service支持的范围内,索性就尝鲜一试. 什么是Azure静态网站应用服务(Azure Static Web Apps) Azure Static Web Apps是

主题概况 Hugo 是一个用 Go 语言编写的静态网站生成器.类似的静态网站生成器还有Jekyll.hexo等等.以上生成器都使用过,但感觉要么环境麻烦,要么生成静态页面步骤繁琐以及生成缓慢.如果你正想在GitHub上搭建个静态的博客,搜索一大堆都是关于Jekyll和hexo的相关文章,使用Hugo的相关文章却很少,但是我认为使用Hugo方便一点.本着学习分享的原则,下面整理下如何使用Hugo. Hugo官方主页:https://gohugo.io/ 安装指南 安装Hugo 在 Hugo Rel

hugo小玩 1. 安装 install from source by brew install pre-built-binary 2. 下载源码 $ go get github.com/magefile/mage $ go get -d github.com/gohugoio/hugo $ cd ${GOPATH:-$HOME/go}/src/github.com/gohugoio/hugo $ mage vendor $ mage install 疑难点: 依赖 该项目依赖了贼多的外部库 可

对于日常的开发系统以及产品一个简单,方便的api&&文档网站可以七很大的作用 docusaurus 是facebook开源的文档管理框架,使用它我们可以快速的创建专业. 完备的文档站点 脚手架工具很不错,直接支持基于容器的构建&&运行,我们可以快速的创建.运行 创建简单站点 npx docusaurus-init 修改默认模版 参考下图,其他修改可以根据自己的实际需要 构建&&运行 使用docker && docker-compose doc

前面跟大家介绍过hexo这款静态博客系统,功能强大,基本能满足博客的各种需求.今天,我再跟大家介绍一款优秀的静态博客系统,那就是Hugo. Hugo是由Go语言实现的静态网站生成器.简单.易用.高效.易扩展.快速部署.Hugo与hexo类似,只需要记住几个简单的命令,即可生成静态博客. 下面就开始简单介绍一下这款静态博客系统 下载Hugo 到https://github.com/spf13/hugo/releases下载对应操作系统的版本,已Windows为例,下载如下文件 添加环境变量 解压文

使用Hugo搭建静态站点 hugo下载地址:https://github.com/gohugoio/hugo 模板列表:https://github.com/gohugoio/hugoThemes 开始搭建 1.下载和初始化 安装包 wget https://github.com/gohugoio/hugo/releases/download/v0.60.0/hugo_0.60.0_Linux-64bit.tar.gz tar -zxvf hugo_0..0_Linux-64bit.tar.gz

Hugo 是一个用Go语言编写的静态网站生成器.类似的静态网站生成器还有Jekyll.hexo等等. Hugo官方主页:https://gohugo.io/ 1.安装homebrew: https://brew.sh/index_zh-cn /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 将以上命令粘贴至终端. 2. 安装hugo并查看h

目录 前言 一.安装 二.初始化应用 gomod初始化 创建入口文件cmd/root.go 创建主程序main.go 三.生成Command 创建hello子命令 创建version子命令 四.如何设置flag选项 全局选项 本地选项 设置必填 绑定配置 五.如何设定arguments 使用示例 六.如何使用参数 获取flag参数 获取args参数 七.如何设置钩子 总结 前言 Cobra是一个强大的用来构建命令行程序的库,许多流行的Go项目都是用它来构建的,比如Kubernetes.Docke

前言 最初在制作友链界面时,没有学习Hugo框架,一头雾水.网上有关的教程甚少,只能去学一遍Hugo. 在学习Hugo的过程中,了解了列表模板,分类模板.开发了几个功能页面,如:留言板,友链,记忆分类等. 本文介绍这些功能页面. 里程碑页面 首先需要了解头部参数type,通过type指定文章使用的模板类型,默认为page类型. 要注意特殊模板的文章放在一般content根目录下,模板放在layouts目录下. 里程碑界面依据themes\LoveIt\layouts\posts\single.h

或是出于跟风,或是为了简历能好看点,2020 年 2 月,在翻看了中文互联网大量的「免费个人网页搭建教程」后,我选择了 Hexo + Github Pages 的方案,找了一款看上去还不错的主题,搭建了自己的第一个博客网站. 很难量化我在这接近两年的时间里有了什么成长,我迎来了一学期的网课(甚至期末考试都是线上),见证了前所未有的生活方式的转变(从此社恐人可以合理戴口罩了),学习了更多的计算机专业课知识(虽然已经忘光),写了更多的汉字(我都不好意思说能叫文章),体验了一边在互联网企业 996 一

其他章节请看: react实战 系列 起步 本篇我们首先引入 mockjs ,然后进入 spug 系统,接着模仿"任务计划"模块实现一个类似的一级导航页面("My任务计划"),最后玩一下 Facebook 的 docusaurus,将 spug 官网文档在本地跑起来. Tip:环境准备请看 上文 mockjs 点击登录,提示"请求异常: Network Error".因为没有后端提供接口. 笔者使用 mockjs 来绕过,进入系统. 添加 moc

关注「WeiyiGeek」公众号 设为「特别关注」每天带你玩转网络安全运维.应用开发.物联网IOT学习! 希望各位看友[关注.点赞.评论.收藏.投币],助力每一个梦想. 本章目录 目录 0x00 Gitalk - 基于Github的评论系统 1.快速介绍 2.安装部署 3.使用实践 n.入坑出坑 1.使用Gitalk进行Github的Oauth认证无法跨域获取Token问题解决办法 作者: WeiyiGeek [唯一极客] 首发地址: https://mp.weixin.qq.com/s/2LL

Go语言结构体成员能否是函数,从而实现类似类的成员函数的机制呢?答案是肯定的. package main import "fmt" type stru struct { testfunc1 func() testfunc2 func(a int) int } func test(a int) int { fmt.Println(a) return 1 } func main() { s := &stru{ testfunc1: func() { fmt.Println(&quo

CSharpGL(35)用ViewPort实现类似3DMax那样的把一个场景渲染到4个视口 开始 像下面这样的四个视口的功能是很常用的,所以我花了几天时间在CSharpGL中集成了这个功能. 在CSharpGL中的多视口效果如下.效果图是粗糙了些,但是已经实现了拖拽图元时4个视口同步更新的功能,算是一个3D模型编辑器的雏形了. 原理 ViewPort 多视口的任务,是在不同的区域用不同的摄像机渲染同一个场景.这个“区域”我们称其为 ViewPort .(实际上 ViewPort 是强化版的 gl

前言 上一篇文章<Unity3D中常用的数据结构总结与分析>简单总结了一下小匹夫工作中经常遇到的一些数据结构.不过小匹夫一直有种观点,就是光说的热闹实际啥也不做真的没啥意思.光说不练假把式,那么这篇文章不如记录一下小匹夫自己动手实现一个有类似功能的数据结构的过程吧. 模仿List<T> 寻思半天,写代码是为了啥?不是为了写以致用嘛?那么小匹夫工作中用的最多的数据结构是啥?思来想去还就是List<T>了,而且平时使用的时候的确也觉得有自己定制的空间.作为一个类,重要的无非

前言: 首先,小匹夫要祝各位看官圣诞快乐,新年愉快-.上一篇文章<自己动手,实现一种类似List<T>的数据结构(一)> 介绍了一下不依靠List<T>实现的各种接口,仿造一个轻量级数据结构的过程.可能有的看官会有一些疑问,例如一些功能可以通过Linq提供的拓展来实现呀.此言不虚但也不全对,为了我们在工作中能方便的操作集合而提供的这些拓展方法(包括我们自己也可以构建的拓展方法),例如 Where,Any,Max,All...balalbala等等这些方法都是针对IEnu

最近花了近半个多月的时间, 自己纯手工写了一个很小型的类angularjs/vue的mvvm 库. 目前已经用于公司一个项目. 项目托管在github https://github.com/leonwgc/link 也许有许多人觉得如今angularjs , react , vue , knockout ,avalon 等框架/库层出不穷, 为什么还要自己造一个相同(类似)的轮子?  原因如下: 1 . 从最初knockoutjs 到现在用angularjs ,写了不少项目, 一直想自己写一个m

Execl功能非常强大,内置的很多函数或公式可以大大提高对数据的加工处理能力.那么在web中有没有类似的控件呢?经过一番搜寻,发现handsontable具备了基本的excel功能支持公式,同时能对数据进行实时编辑.另外支持拖动复制.Ctrl+C .Ctrl+V 等等.在浏览器支持方面,它支持以下的浏览器: IE7+, FF, Chrome, Safari, Opera. 首先引入相关库文件,公式支持不包含在handsontable.full.js中,需要单独引入: <script src=&quo

效果体验:http://hovertree.com/texiao/css/24/ 源码下载:http://hovertree.com/h/bjaf/hardklps.htm 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>纯HTML

曾经在WP7.WP8下的消息 使用的都是Coding4Fun.Phone.Toolkit里面的ToastPrompt类来实现的. 现在我们来自己做个类似IT之家的这种效果:从右边弹出,经过几秒后会自动消失. 首先明确几个需求: 1.在任何界面都能够弹出此消息 2.可以自定义消息的格式内容以及消息的消失时间 (包括是否含有标题.字体大小.排列...) 3.消息的提示与消失都有动画效果 一.取得当前页面上的某个Panel, 用于在此上面呈现消息: ContentPresenter.Panel都是继承