首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用 Hugo 搭建个人博客?

引入主题 让我决定选择使用 hugo,其实就是无意中浏览了 pseudoyu 的个人站点(https://www.pseudoyu.com/),非常钟意这个主题。...pseudoyu 使用的是 hugo-theme-den 主题,并基于此主题做了一些个性的定制。...要使用我改过的主题,可以按照我的步骤来操作 # 添加子模块 git submodule add https://github.com/iswbm/hugo-theme-den.git themes/hugo-theme-den...后续如果我的主题有更新,你都可以直接使用如下命令来更新 git submodule update --remote hugo-theme-den主题会提供了实例配置与初始页面,开始使用主题时可以将其...例如若要搜索 `区块链` 或 `智能合约`,可以使用 `"区块 链"` 和 `"智能 合约"`,可能会有更好的搜索结果。

8910
您找到你想要的搜索结果了吗?
是的
没有找到

如何在Ubuntu上安装和使用Hugo

在本教程中,我们将介绍如何在Ubuntu服务器上安装和使用Hugo。这将允许我们配置静态站点,创建内容,并在同一服务器上发布或部署到生产位置。...安装Hugo主题 主要的Hugo包不包括任何主题。Hugo主题定义了如何为用户呈现网站内容。获取Hugo主题的最简单方法是克隆Hugo主题git存储库,它提供了许多预配置的主题。...我们可以使用hugo new命令生成新内容,然后使用命令后跟我们要生成的内容的路径。默认情况下,Hugo内容是用Markdown编写的。...-baseUrl=http://your_domain_or_IP/ -D -F 现在,如果您在Web浏览器中访问服务器的域名或IP地址并将:1313端口规范附加到最后,您将看到您呈现的站点: http.../ --theme=redlounge --port=80 您现在应该可以在浏览器窗口中访问您的站点,而无需附加端口号。

6.4K10

如何使用tailwindcss自定义hugo主题

如何使用tailwindcss自定义hugo主题 如何使用tailwindcss自定义hugo主题?对于某些主题,可能作者开发时候,它不具备自定义指定css的功能,但这并不妨碍我们自己添加这个功能。...本文主要分享一下,对于不支持自定义css的主题,你如何扩展,让它可以支持自定义css。 要做哪些修改呢?...在目录assets/css下创建custom.css文件并写好自定义样式,然后hugo -D编译完就可以了。...以我举例的这个使用tailwindcss做为样式定义的package来说明,因为这是对hugo主题进行修改,所以这里就头脑中要有个概念,就是hugo是基于golang的一套系统,但是你在模板引擎内使用的语法已经剥离了...当然tailwindcss的使用过程还是有很多技巧的,我自己也在摸索中,有什么新的想法再写文章分享。今天这篇有关如何使用tailwindcss自定义hugo主题的文章至此分享结束,感谢阅读。

31510

使用Git更新Hugo 个人博客

使用Git更新Hugo 个人博客 该文章主要是讨论,如何在本地搭建好hugo静态网页后, 上传git到自己的域名下。而且每天进行实时更新。 网上教程更多的是关于如何搭建Hugo,然后上传。...如何申请个人 repository,见申请Github仓库 hugo # 生成public cd public git init git remote add origin https://github.com...git commit -m "hugo" git push -u origin master 浏览器里访问:http://xxx.github.io/ 第二次git push update 为什么要第二次...最后浏览器里访问:http://xxx.github.io/,就可以看到更新的日志博客了。...这里就参考:使用Hugo和GitHub搭建博客 参考 基于「Hugo」搭建自己的博客网站 从头教你使用 Hugo 搭建自己的博客 使用Hugo和GitHub搭建博客

58220

使用hugo搭建个人博客

PS:为什么当前的博客还是用的hexo没用hugo,因为hugo使用下来很多插件还不完善,还是比较喜欢hexo完善的插件比如我最喜欢的,博客链接持久化的插件就没有,和hexo有些问题出现随便搜索就能解决...0x00 简介 Hugo是一个用来生成静态网站的工具,使用Go语言编写的。从网上很多人的评论看,Hugo的显著优点就是部署快!...0x01 安装 https://github.com/gohugoio/hugo/releases 下载对应的安装包进行安装 然后解压后把,解压的路径加到环境变量上就可以使用了 验证是否成功 hugo...最基础的用法,就是使用它保管开发者的代码,进行版本控制。 在搭建时,使用Hugo打包构建静态网站,输出一个纯静态的资源包。将这个静态资源包上传到Gitee,就能实现站点部署。...搭建博客的步骤,新搭建应该已经可以使用了,然后就是之前的文章迁移过来了,这个后面再慢慢搞 LINKS 如何使用hugo 搭建博客https://www.jianshu.com/p/2d37be4e9f9d

94010

使用腾讯Codingserverless托管Hugo网站

原文首发于使用腾讯Coding/serverless托管Hugo网站 逼逼几句 这几天有时间就来折腾一下自己的博客,由于平时懒得去管主机的各种服务之类的,然后用的是hugo来生成站点的,所以还要跑shell...然后发现新建网站这边没有hugo可以勾选,所以自己搞了一个方式来自动构建部署。...version=latest" -o hugo_extended_0.85.0_Linux-64bit-latest.tar.gz # 这一步是下载hugo的执行程序,我是放在了coding的制品里面了...rm -r hugo_extended_0.85.0_Linux-64bit-latest.tar.gz # 删除压缩包 ls -hal mv hugo /usr/bin/hugo # 移动到执行目录...hugo # 由于前一步我们把代码检出了,所以我们目前是处于源代码目录下的,执行hugo命令便可生成静态网站到public 部署应用 cd .

2.3K10

玩转开源 |Hugo使用实践

在上一篇博文中已经介绍了 Hugo 的基本搭建步骤,那如何使用 Hugo 搭建符合自己需求的主题页面?不妨还是以 Hugo-book主题作为 基础,一起探索如何将它塑造成我们需要的网页。...title = 'Hugo 的基本使用' 图 1,hugo 自定义导航示例 多语言的支持 Hugo 的一个常见的用途就是搭建 GitHub page,来介绍开源项目,做为其产品文档页面;开源项目涉及的参与者可能来自不同国家和语言背景...,同样的对于开源软件的使用方也是如此,因此支持多语言是一个关键需求。...' # 文档目录 weight = 2 # 中文 [languages.zh] title = 'Hugo 的基本使用' languageName = '中文'...虽然在此不一一进行演示,但有兴趣的朋友可以通过官方网站查看相关的使用语法和示例:Hugo-book 官方Demo。

54921

【Golang】使用Golang编写Hugo发布器

1.为什么要写一个 Hugo 发布器 事情的起因 我最初使用的是maupassant主题作为博客网站的主题,但是偶然间发现了其在移动端的适配效果不太理想,然后就想着去找一款能够完美适配移动设备的主题,最后通过配置服务器去判断用户使用的设备...现在两个主题: 需要两个配置文件config.toml,使用时都得更名为这个config.toml 需要两次执行hugo命令生成静态页面,并分别保存 需要两次不同路径的拷贝 思来想去,**我决定编写一个...n", fp, temppath) return nil }) wg.Done() return error } 2.5 sync 由于是两个不同端的静态文件上传,采用goroutine,使用...使用效果如下: 这里我通过github.com/urfave/cli包编写了一个命令行工具hugop。...pwd ssh登录密码 --rpath 需上传的路径,所有public里面的文件都将上传至此目录 3.1 源代码 欢迎下载使用:https://gitee.com/RandyField/hugo-publish

85510

如何使用chrome浏览器调试?

做前端开始的,基本有很多人都在使用chrome浏览器的调试功能,我基本上是全部使用chrome浏览器进行调试的。IE的调试,实在是不敢恭维。下面我简单分享一下chrome浏览器的简单使用。...在chrome浏览器中打开http://localhost:3000,按F12,或者右击->单击【检查】. ? 选择适合你的模拟的手机型号即可。在这里可以选择安卓手机类型,也可以选择苹果手机类型。...有三种结构,我一般喜欢所有结构的,大家可以根据自己的使用习惯来调整。 ? 点击A那的小按钮,然后点击屏幕上你想查看的元素,对用的右边C部分就可以显示出来代码了。 ?...1-7_副本.png 调试代码,找到需要打断点的地方打好断点,然后刷新浏览器,点击进入需要调试的部分,就可以进行调试。 ?...其余一些chrome浏览器的一些调试方式,大家可以上网搜索下,以上说的都是一些常用的一些方法。 chrome浏览器不错使用方式

98720

360浏览器如何使用selenium?

谷歌浏览器 若想使用selenium进行爬虫/自动化,我们得先安装浏览器驱动,安装对应驱动之前第一步需要查看浏览器版本。...如果你使用的是Anaconda3,则可以放在C:\ProgramData\Anaconda3路径下。...360安全浏览器 实际上,大家使用的各种浏览器基本都是开源的谷歌google内核。所以使用chrome内核驱动ChromeDriver,自然可以Python调用selenium控制浏览器了。...Edge浏览器 Win电脑自带的Edge浏览器,作为微软家的亲儿子,还是与其他浏览器待遇有些不同。 我们可以直接下载Edge浏览器对应版本的驱动,下载步骤和Python代码量与谷歌浏览器基本一致。...今天我们分享了3个浏览器(谷歌、360、Edge)如何安装浏览器驱动,并使用selenium的操作。

3K20

如何使用 OpenCV Python 检测颜色

在这篇文章中,我们将看到如何使用 Python 中的 OpenCV 模块检测颜色,进入这个领域的第一步就是安装下面提到的模块。...读取图像并使用 OpenCV 模块中的 cvtColor() 函数将BGR图像转换为 HSV (色调、饱和度、值) 图像, 现在,选择我们想要检测的颜色,并使用如下所示的HSV颜色贴图获得较低和较高的...使用 HSV 值,我们需要使用 OpenCV 模块中的 inRange() 函数找到掩码并将其分配给变量(掩码)。...使用 bitwise_and() 函数,我们可以通过将 BGR 图像作为第一个和第二个参数传递来获取我们选择的检测到的彩色图像,第三个参数将作为掩码并将其分配给变量 (detected_img)。...Detected_img 将是程序的最终输出,并使用 OpenCV 模块中的 imshow()函数显示。 在我们的例子中,我们将检测输入图像的红色和绿色,下面的代码将只检测红色和绿色。

2.4K20

如何hugo+github搭建个人博客

1.前往hugo下载对应版本的hugo 图片 2.解压并配置环境变量 图片 图片 图片 3.打开cmd,检测是否安装成功 hugo version 出现下面字样,表明成功 图片 4.使用hugo...没有安装的去找一下,相关的博客很多,,操作也很简单) 图片 按照他的操作步骤,,,cd进入到testblog文件夹下,git init一下,然后git clone 图片 图片 之后,在本机启动个人博客 使用指定主题启动...github.io,如图 图片 图片 使用cmd上传到github 首先生成public文件夹,下面命令你的baseUrl中改成自己的名字 hugo --theme=toha --baseUrl="httpss...github仓库 git push -u origin master //推上去 图片 图片 有时会让你重新输入用户名和密码 图片 8.访问公网博客 图片 9.在此之后更新文章,使用...hugo生成新的静态页面,并使用git push进行同步 cd public git add . git status git commit -m "add blog post" git push 提示以下

62400

如何使用TvypoDetect检测相似域名

关于TypoDetect TypoDetect是一款功能强大的域名检测工具,可以帮助广大蓝队研究人员、安全运维人员和企业安全部门检测跟自己域名相似的主动变异型域名,以防止网络犯罪分子利用这些域名进行网络欺诈活动...TypoDetect支持使用IANA网站最新发布的可用版本顶级域名(TLD),区块链DNS中验证的去中心化域名以及DoH服务中报告的恶意软件相关域名等。...为方便用户使用,TypoDetect默认以JSON格式或TXT格式提供分析报告,具体报告的生成格式以及显示类似域名的方法取决于用户的选择。...-o TXT 检测报告 在本项目的reports目录下,会保存每次执行后的扫描报告,默认格式为JSON,存储名称为扫描的域名以及日期,样例如下: elevenpaths.com2021...-01-26T18:20:10.34568.json JSON格式报告的数据结构如下所示,其中包含检测到的主动变异域名: { id: "report_DoH" :

1.8K100
领券