作为一个萌新Gopher,经常逛网站能看到那种极简的博客,引入眼帘的不是花里胡哨的图片和样式,而是黑白搭配,简简单单的文章标题,这种风格很吸引我.正好看到煎鱼佬也在用这种风格的博客,于是卸载了我的wordpress开始抄袭,o(*￣︶￣*)o Hugo简介 Hugo是由Go语言实现的静态网站生成器.简单.易用.高效.易扩展.快速部署. 准备和环境 我直接在我的阿里云服务器上使用hugo了,环境如下: 操作系统:公共镜像CentOS 8.1 64位 Nginx版本:Nginx 1.16.1 域名:…

用 Hugo 搭建博客 Hugo 是一个用 Go 编写的静态站点生成器,生成速度很快 下面是具体操作: 1.安装 Hugo Windows 用户 使用 Chocolatey 或者 Scoop 快速安装,取决于你使用什么包管理 choco install hugo -confirm scoop install hugo 也可以到 https://github.com/gohugoio/hugo/releases 下载对应的操作系统版本的 Hugo 二进制文件! 把 hugo.exe 所在目录添加到…

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

前言 本文介绍一些拓展功能,如文章页面功能增加二级菜单,相关文章推荐和赞赏.另外,使用脚本会大大简化写作后的上传流程. 文章页面功能 这部分功能的拓展主要是用前端的JS和CSS,如果对前端不了解,可以参考放在Github上的网站源码. 二级菜单 导航栏放都太多链接不分主次,不够简洁.尝试多种方案后,做出了现在的二级菜单. 使用bootstrap框架 引入了太多样式,界面被扰乱,不够友好. Select标签 样式单一,不能修改. Hover属性 多个二级菜单不能使用相同参数的绝对定位,拓展太麻烦.…

前言 博客部署完成后,恭喜你可以发表第一篇:Hello world!但是LoveIt这么好用的主题,不配置一番可惜了. 基本功能配置 主题配置最好参考已有的配置,比如LoveIt作者写的介绍,还有主题目录下的配置文件\themes\LoveIt\exampleSite\config.toml文件. 笔者认为一些配置项解释的不够清楚,所以将网站的源码放在了Github上,仅供参考. 下面介绍其中一些配置. 双语言配置 配置后需要每篇文章存在多个语言的文件,否则会报错. 例如:content\abo…

前言 这篇教程介绍了如何搭建这样效果的博客. 所需步骤 可以从这样的角度出发: 注册域名. 使用CDN加快网站访问速度. 网站内容需要部署在服务器或对象存储平台上. 重要的是放什么内容.博客需要选择框架,或自己开发. 框架确定后,选择主题,或自己开发. 配置主题. 发表第一篇Hello World! 在这个过程中,前期准备阶段包括:框架选择.主题选择.注册域名.备案和CDN配置. 博客框架 框架选择 Wordpress 缺点:不安全. 主题推荐:Sakura Hexo 缺点:渲染生成文章速度不如…

hexo jekyll https://hexo.io/zh-cn/ http://theme-next.iissnan.com/getting-started.html Hexo 是高效的静态站点生成框架,基于 Node.js. 在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml. 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置:另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项. 只需一条指令即可部署到 GitHub Pages, 安装…

前言 完成前期的准备工作后,在部署阶段需要配置服务器或对象存储服务. 对象存储和服务器对比 对象存储平台 国内有阿里云OSS.腾讯COS.又拍云.七牛云等.国外有Github Pages.Netlify.Azure.Google等,其中Github Pages免费,但是有个说法:Github屏蔽百度爬虫,使用Github Pages的网站百度搜不到. 对象存储平台也可以做为Markdown图床,配合CDN,加快图片加载速度. 笔者的服务器是阿里家的,所以对象存储也用了阿里云OSS. 阿里云OSS…

目录 1. 本地搭建 1.1 安装Hugo 1.2 创建站点 1.3 新建页面和文章 1.4 使用主题 1.5 修改配置文件 1.6 预览 2. 部署 之前担心过现有博客平台(如博客园,CSDN)突然倒闭了,博文特别是插图来不及备份:也考虑过自建博客可以更随意,因此有了自建博客的打算.花了两天时间,走了一些弯路,有一些经验总结: 做事情一定要搞清楚需求,掂量自己的实力.原本我只是想做一个备份,那么本地写好markdown,存好插图,再同步到博客园就行了,没有必要费力建博客搭网站.虽然Hexo和H…

1,Hugo 简介 搭建个人博客有很多开源的博客框架,我们要介绍的框架叫作Hugo.Hugo 是一个基于Go 语言的框架,可以快速方便的创建自己的博客. Hugo 支持Markdown 语法,我们可以将自己的文章写成Markdown 的格式,放在我们用Hugo 创建的博客系统中,从而展示给他人. 2,Hugo 安装 在Windows 中安装 首先安装choco 包管理器,需要在管理员权限下运行cmd,执行如下命令,一般情况下,网络没有问题,即可安装成功: powershell -NoProfil…

折腾了几天博客的框架终于搭建起来了.研究了一番之后,最终还是选择使用Hugo和GitHub来搭建博客.本文介绍了如何使用Hugo来搭建静态博客网站,并将其部署在GitHub上.使用https://<USERNAME>.github.io或者自定义的域名访问博客. Hugo的安装和使用[1] Hugo的安装 初步使用Hugo的话,只需要跟随官网的文档过一遍Quick Start就可以了解基本的安装.使用方法了.这里根据我自己的经历也进行简单的说明. 在Mac系统,通过包管理工具Homebrew可…

这里记录一些 Django 搭建博客遇到的一些问题 参考书籍为 Django by Example, 这里记录与书籍内容不包含的内容. 搭建环境: 阿里云 ECS + CentOS7 一开始搭建的时候使用 python2.7 搭建, 在发表中文博客时, 出现不能识别中文标题的问题, 所以换成 python3 使用 python3 遇到的第一个问题是不支持 supervisor, 可以参考官方网站使用 uWSGI 和 nginx 实现网站的访问(http://uwsgi-docs.readthed…

1. 配置环境,创建django工程 虚拟环境下建立Django工程,即创建一个包含python脚本文件和django配置文件的目录或者文件夹,其中manage.py是django的工程管理助手.(可在setting.py文件中更改语言.时区等) 主目录下(manage.py文件所在目录)下创建应用app(创建博客应用:python manage.py startapp blog),创建后需在setting.py文件中注册该应用(INSTALLED_APPS). 2. Model层——Djang…

利用Hexo搭建博客 以前用Octopress搭过博客,折腾了好久才弄出来,当时看到那巨难看的默认主题,繁琐的操作,一点写东西的欲望都没了. 一次逛微博,看见了Hexo.尝试了一下,真的很好用哦. 下面记录下流程: 安装node 1 brew install node 最新版的node.js已经集成了npm包.所以只需验证一下node,npm是否安装成功. 12 node -vnpm -v 安装Hexo 1 npm install hexo -g 初始化 1 hexo init blog (我起…

背景:自从今年回家过年后,来到公司给我转了试用,我的学习效率感觉不如从前,而且刚步入社会我总是想要怎么想明白想清楚一些事,这通常会花掉,消耗我大量的精力,因为我想把我的生活管理规划好了,而在it技术学习上就没有了年前那股猛劲,从3月开始学习Django,到现在已经5个月了,期间有差不多1个月忙毕业论文,再加上回了趟家(打乱了学习节奏),Django的学习路程就显的更加缓慢了,值得一提的事,我在Python学习上更深入了一层,之前学会的也就是Python基本语法,然后不断的用if ,for ...…

前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客.现在把 Hexo + GitHub Pages 搭建博客的完整过程记录下来: 个人博客地址:http://www.lovebxm.com 大概流程: 1. 搭建 Node.js 环境 2. 搭建 Git 环境 3. GitHub 注册和配置 4. 安装配置 Hexo 5. 关联 Hexo 与 Gi…

基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几乎没有这方面的基础,写到Web表单那儿果断弃了,转向简单的Hexo + Github Pages.不过要想搭建博客的同时巩固Python,Flask确实是一个不错的选择. 获取Github Pages 去Github官网注册账号 新建一个repo,注意名称一定是your_username.githu…

Django搭建博客网站(三) 第三篇主要记录view层的逻辑和template. Django搭建博客网站(一) Django搭建博客网站(二) 结构 网站结构决定我要实现什么view. 我主要要用view展示首页,标签页,网站管理员(也就是本人啦)信息页,以及文章详情页. settings.py 因为到这个阶段需要编写html文件了,但是每一个网页的每一行代码都靠自己去写,各种渲染也靠自己去写的话,太麻烦了,Django提供了html模板功能,可以在settings.py里面进行配置. #…

概述 本身是前端小白,学过html,css,js的各种书,各种视屏,就是没有接触web开发的内容.偶然看见一个朋友用react搭建了一个博客,于是本着程序员无所不能的精神,也尝试着用react搭建博客. 下面记录我从小白到搭建博客的过程,没有写方法,因为网上已经很多方法了. 这是我搭建的博客地址:馒头加梨子 结论 先说结论,我学到了什么: 单页面web开发的流程.把要做的分为一个个模块,逐个实现,然后用webpack设置,开发并打包上线. antd库的使用和一些组件的配置参数. 相关知识:SPA…

上篇文章写了Gulp编译前端文件,这篇记录下在搭建博客中使用Gulp 1 引入bootstrap和js 1.1 首先先在项目本地安装Bower sudo npm install bower 1.2 创建bower.json文件 { "name": "blog", "description": "My Blog", "ignore": [ "**/.*", "node_modul…

一.前期准备 1.注册GitHub账号. 不做说明 2.创建仓库 创建一个新的仓库来放置我们的文件. 3.下载安装Node.js https://nodejs.org/en/   两个版本,选择右边那个最新版 4.下载安装git https://www.git-scm.com/download/ 5.检查安装 打开你的cmd命令窗口 检查Node.js node -v npm -v 检查git git --version 右键也可以看到你git bash 准备工作结束,开始搭建博客! 二.建立静…

前言 搭建个人博客一般有两种选择,一个是使用WordPress,但是需要将博客搭建在服务器上,不过搭建好后写文章方便,适合没有程序基础的人使用.另一个是使用Hexo,相对简洁高效,不需要服务器,既可以部署在本地,也可以将博客部署到GitHub Pages上,支持Markdown语法,缺点是需要有Git基础,写文章比WordPress麻烦点. 初次使用Hexo来搭建个人博客,确实比较手忙脚乱,这里记录一下流程,希望对大家能有所帮助. (注:本文是只针对Windows平台的搭建教程) 可以点击这里查…

欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz 今天教大家怎么用hexo快速搭建自己的博客.我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白来说,就像听天书一样,云里雾里的.所以下面的内容都是我自己的理解,语言很通俗,有可能说的不那么专业,还望专业人士勿喷. 首先声明一点,刚开始搭建博客会比较麻烦,有很多东西大家可能以前没有听说过,不要怕,耐着性子一边看教程一边动手操作,你一定能够做出来的!好吧,废话不多说,现在开始! hexo hex…

利用最新版本的 hexo+next 重构了个人博客,下面简单记录了搭建博客的完整过程: 一.环境准备 1.安装 Node.js 2.安装 Git 3.注册 Github 账号 二.在GitHub上创建Github Pages项目 创建新仓库 创建一个名称为 yourusername.github.io 的新仓库 这边的yourusername填写自己的用户名 Github会识别并自动将该仓库设为 Github Pages 设置github用户和邮箱 $ git config --global u…

文章目录 其他搭建 1. 添加博客图标 2. 鼠标点击特效(二选一) 2.1 红心特效 2.2 爆炸烟花 3. 设置头像 4. 侧边栏社交小图标设置 5. 文章末尾的标签图标修改 6. 访问量统计 7. 添加站内搜索 8. 启动阅读更多按钮 9. 文章顶置(二选一,看看哪种简单) 9.1 方法一 9.2 方法二 10. 在文章底部增加版权信息 10.1 方式一 10.2 方式二(比较麻烦,但是好看) 11. 添加打赏 12. 文章加密访问 13. 启动代码复制按钮 14. 在Footer添加站点…

1. 准备工作 ~ 安装node.js -> npm -> hexo-cli ~ 安装git -> 版本控制工具 2. 更换npm(nodejs package manager)源 npm config set registry http://registry.npm.taobao.org/ 3. 安装hexo-cli npm install -g hexo-cli 4. 使用hexo搭建博客 hexo init blog -> 创建博客目录 cd blog -> 进入目录…

day14搭建博客系统项目 1.下载代码包 [root@web02 opt]# git clone https://gitee.com/lylinux/DjangoBlog.git 2.使用pid安装软件 [root@web02 DjangoBlog]# pwd /opt/DjangoBlog [root@web03 DjangoBlog]# yum install -y python3-devel mysql-devel [root@web03 DjangoBlog]# pip3 instal…

搭建自己的个人博客. 准备工作 确保电脑需要已下载安装node和npm.查看安装是否成功,windows只需在命令行输入以下两条命令即可. 1 2 $ node -v $ npm -v 安装hexo 安装hexo 1 $ npm install -g hexo 检测hexo版本来确保hexo是否成功安装 1 $ hexo v 注:可能报错,可以试试执行 1 npm install hexo --no-optional 进入本地工程目录,初始化hexo 1 2 $ cd blog $ hexo i…

前言 前面一篇文章介绍了Travis自动部署Hexo的常规使用教程,也是个人比较推荐的方法. 前文最后也提到了在Windows系统中可能会有一些小问题,为了在Windows系统中也可以实现使用Travis自动部署Hexo,本文介绍另外一种方式来实现. 是通过GitHub API来实现的,用到了Linux中的sed命令. 新建Access Token Personal Access Token是用于操作repo的口令. 点击用户图像,然后点击Settings(设置)选项. 进入设置面板后,点击左侧…

前言 前面两篇文章介绍了在github上使用hexo搭建博客的基本环境和hexo相关参数设置等. 基于目前,博客基本上是可以完美运行了. 但是,有一点是不太好,就是源码同步问题,如果在不同的电脑上写文章会非常不方便. 是因为hexo使用的部署命令是把生成好的静态文件上传到仓库中的,所以,在其他电脑上同步下来的只是静态文件而已,不是源码. 到这里就会想到能不能这样:将源码同步到远程仓库后,可以实现自动生成部署呢? 答案是肯定的,可以通过Travis CI来实现. 那么,本文就介绍一下Travis…