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

漂亮的个人博客模板

2021年了,个人博客还有人吗?确实现在已经比较少人写博客了吧,那么2021年了个人博客还能不做?我的回答是只要搜索引擎存在,无论是个人博客还是其它网站就会一直长存。...个人博客并不只是去做网站,而是通过网站的形式做个人IP品牌,通过网站流量去塑造IP,连接与网站粉丝的信任,而网站做为一个“流量跳板”,最终部分粉丝将会导流至微信。...有人说写博客最好的时间是十年前,其次就是现在,下面就推荐几款我原创的个人博客模板。...模板主题为《周末日记》 模板主题为《周末のlofter》 模板主题为《周末の星空》 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/154830.html原文链接:

1.5K40

Github搭建个人博客

Github搭建个人博客 由 Ghostzhang 发表于 2014-09-04 22:30 上个月26号下午开始,原先博客的服务器宕机了,虽然一直觉得过段时间就会好的,不过一连3天都没恢复,开始有点忍不住了...下面就总结下我使用的方法,希望能帮到有用github搭建个人博客的同学。...相关语言 在开始皮肤之前,我们先来搞清楚模板还能做什么,像公共的头部、底部、导航什么的,这些在上面并没有提到,可是做为一个模板引擎,怎么都得支持吧。...除了Markdown之外,还可以Textile语法来写,我原先使用的博客系统Textpattern就是使用这种语法。...↩ hexo 一个快速,简单和功能强大的博客,基于node.js。 ↩ 可以在菜单 “Preferences > Browse Packages…” 找到目录的位置。 ↩

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

Hugo 快速搭建个人博客

安装 Hugo环境有 go 可以直接安装go install github.com/gohugoio/hugo@latestmac 可以 brew 安装brew install hugoubuntu... apt 安装,但是版本不是最新的sudo apt install hugo或者直接下载编译好的可执行文件:https://github.com/gohugoio/hugo/releases安装好后可以查看版本...https://github.com/LukasJoswiak/etch.git themes/etchecho "theme = 'etch'" >> hugo.toml添加内容如果单纯新增内容,可以...文件夹新建文章hugo new content posts/my-first-post.md然后打开编辑器撰写文章即可由于我有之前的文章,需要在已有文章加上 hugo 的 header+++title = '...Hugo 快速搭建个人博客'date = 2024-01-25T10:58:18+08:00draft = false+++并且每次新建文章时指定目录hugo new content -c ${source

17110

Hexo+Github搭建个人博客

此次教程总共分为以下5个简单的步骤: Node.js的安装 Git的安装 Hexo的安装 初次Hexo配置博客 与Github相连接 在搭建之前,我们需要做一些准备工作: Node.js安装包,官网上面很容易就能找到...2.Node.js的安装 这是Node.js的安装页面 整个安装过程很简单,一直点击Next就行了! 然后检查一下,按win+R,输入cmd,调出命令提示符窗口。...5.初次Hexo配置博客 在适当的位置新建一个文件夹,这个文件夹就是你的博客文件,包含其他的一些配置文件。...然后,找到我们在第五步中新建立的文件夹,我的文件夹是G:\Blog,点击记事本打开里面的_config.yml文件,拉到最后面,添加如下内容: 然后在Blog文件夹上点鼠标右键,选择Git Bash...然后再次hexo d命令部署 最后,在浏览器输入地址:https://你的Github中的username.github.io 例如我的就是:https://roserduan.github.io 进去之后我们可以看到我们刚才编辑的博客内容

72490

个人博客网站主题阿里秀xiu网页模板

个人博客网站主题阿里秀xiu网页模板采用HTML5+CSS3设计,自适应支持PC,手机,平板电脑多种设备适用到个人博客模板、新闻资讯博客模板、科技个人博客模板个人生活博客模板等。...在各行业建站上有较好的效果,目前,的最多是推荐类个人博客网站dedecms织梦模样,帝国cms模板...演示http://bokequ.com/blog/alixiu/ 主页html代码<!..." content="阿里秀主题(alixiu)是一款由HTML5+CSS3设计,自适应支持PC,手机,平板电脑多种设备同时适用于<em>个人</em><em>博客</em><em>模板</em>、新闻资讯<em>博客</em><em>模板</em>、科技<em>个人</em><em>博客</em><em>模板</em>,<em>个人</em>生活<em>博客</em><em>模板</em>的wordpress...,HTML5+CSS3设计,自适应支持PC,手机,平板电脑多种设备适用到<em>个人</em><em>博客</em><em>模板</em>、新闻资讯<em>博客</em><em>模板</em>、科技<em>个人</em><em>博客</em><em>模板</em>,<em>个人</em>生活<em>博客</em><em>模板</em>等。...在各行业建站上有较好的效果,目前,<em>用</em>的最多是推荐类<em>个人</em><em>博客</em>网站,同时有仿站的dedecms织梦模样,帝国cms<em>模板</em>...

8410

个人博客主题模板给鼠标添加跟随特效教程

昨天写了一个网页鼠标特效的小玩具,当然代码不是我的,源自知更鸟,插件也很简单,但是考虑到不是所有人都喜欢插件,包括我自己,所以今天抽空在写一个详细的教程,直接把代码写在主题里就不需要额外的开启插件了,...一般主题模板都有预留自定义css和统计代码接口,我们需要用这两个接口实现鼠标特效,为什么不直接在主题模板中修改,因为修改源代码之后我们再次更新会导致主题模板恢复,那么我们修改的代码就没有了,还得重新添加...,所以我们不直接在模板中修改。...代码总共分为css和js两种,以我的主题为例,登录后台,主题设置,找到自定义css接口,复制如下css代码: .mouse-cursor { position:fixed; left:0; top...PS:关于鼠标特效网上的教程也是五花八门的,但是总体来说都是为网站锦上添花的操作,我比较喜欢简介的,所以没设置一些花里胡哨的特效,会让我觉得喧宾夺主,好了,仅是个人看好,这次教程文章完成了,继续更新主题模板

75140

个人博客主题模板给鼠标添加跟随特效教程

昨天写了一个网页鼠标特效的小玩具,当然代码不是我的,源自知更鸟,插件也很简单,但是考虑到不是所有人都喜欢插件,包括我自己,所以今天抽空在写一个详细的教程,直接把代码写在主题里就不需要额外的开启插件了,...一般主题模板都有预留自定义css和统计代码接口,我们需要用这两个接口实现鼠标特效,为什么不直接在主题模板中修改,因为修改源代码之后我们再次更新会导致主题模板恢复,那么我们修改的代码就没有了,还得重新添加...,所以我们不直接在模板中修改。...代码总共分为css和js两种,以我的主题为例,登录后台,主题设置,找到自定义css接口,复制如下css代码: .mouse-cursor { position:fixed; left:0; top...PS:关于鼠标特效网上的教程也是五花八门的,但是总体来说都是为网站锦上添花的操作,我比较喜欢简介的,所以没设置一些花里胡哨的特效,会让我觉得喧宾夺主,好了,仅是个人看好,这次教程文章完成了,继续更新主题模板

64550

个人博客网站制作】自己不会个人博客网站制作,你会选择什么博客程序源码?

现在很多人都想制作一个个人博客,前端html静态页面,免费的很多,但是拿到一个静态页面,自己并不知道怎么。你可以选择下载免费的博客程序源码,或者cms。...这些都是开源免费的程序,用它们来做一个个人博客网站,是可以的。 很多新手站长不知道该如何选择合适的博客程序源码来搭建自己的个人独立博客,主要原因还是不太了解这些博客程序的特点。...Z-blog博客程序的特点在于它有asp,php两个版本,有可选择性,页面静态化做得比较好,有利于SEO优化。但Z-blog目前提供的不少主题模板和插件是收费的,而且主题不是很多。 2、Emlog。...我记得dede和帝国cms还在用table的时候,phpcms开发模板的是div+css,界面好看布局又合理。就扩展性来说,不是很好,v9之后,就不再更新了。 6、帝国cms。...之前我写过一篇文章,《个人博客,我为什么要用帝国cms?》,也是在使用了以上这些博客程序源码后写的一个总结,兜兜转转,最后还是使用了帝国cms,作为我的博客程序。

4.2K30

GitHub Pages和Hexo搭建个人博客小站

因为GitHub在国内太慢的原因,所以打算gitee或者coding的,但是发现现在国内的代码托管商新建仓库都不支持自定义域名了,所以只能用回GitHub Pages来托管了。...安装Node.js 首先下载稳定版 Node.js官网 下载完,安装一路next。 最后安装好之后,按Win+R打开命令提示符,输入node -v和npm -v,如果出现版本号,那么就安装成功了。...设置hexo主题 这里博主的是huno主题,主题很简约,且响应式设计的不错。 附地址,按里面操作即可。...参考 超详细Hexo+Github博客搭建小白教程 GitHub+Hexo 搭建个人网站详细教程 Hexo + GitHub (Coding) Pages 搭建博客 版权所有:可定博客 © WNAG.COM.CN...本文标题:《GitHub Pages和Hexo搭建个人博客小站》 本文链接:https://wnag.com.cn/951.html 特别声明:除特别标注,本站文章均为原创,本站文章原则上禁止转载

46920

node-blog: node 搭建的个人开源博客

在线预览 由于服务器网速原因,加载时间较久 相关文档 多个请求下 loading 的展示与关闭 Vue 实现前进刷新,后退不刷新的效果 Vue 页面权限控制和登陆验证 node 搭建个人博客(一):...代码热更新 node 搭建个人博客(二):导出模块同时兼容 import 和 require node 搭建个人博客(三):token node 搭建个人博客(四):评论功能 node...搭建个人博客(五):数据库 阿里云服务器部署个人网站 性能优化--开启 gzip 压缩 前端页面 首页(index)包含内容及标签子页面 编辑(editor) 登陆(login) 管理(manage...iview axios 后端 node express jsonwebtoken 数据库 mongodb 测试 mocha 使用 注意 登陆入口在页面脚部的 Copyright ©2019 woai3c 博客内容...db.user.insert({ user: 'admin', // 用户名 随意填写 password: 'admin', // 密码 随意填写 visits: 0, // 博客访问次数

62610

简单的个人博客网站设计 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业

免费且实用的WEB前端学习指南: 【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星...一、‍网站题目 个人网页设计、‍♂️个人简历制作、‍简单静态HTML个人网页作品、‍个人介绍网站模板 、等网站的设计与制作。... 二、✍️网站描述 ⭐个人网页设计网站模板采用DIV CSS布局制作,网页作品有多个页面,如 :个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体采用左右布局结构..., 表单提交, 点击事件等等(个别网页中运用到js代码)。...--[if lt IE 9]> <script src="<em>js</em>/respond.min.<em>js</em>

1.2K40

JS实现一个模板引擎

---- 现成的模板引擎 开始手写之前,我们先看看模板引擎应该是什么样的,在用koa开发后台服务的时候,我们用过ejs模板引擎,其作用是把模板渲染成html代码。下面是一个具体的使用例子。...index.js const Koa = require('koa') const views = require('koa-views') const path = require('path') const...手写简单的模板引擎 那这些模板引擎具体是怎么实现的呢? 下面我们来手写一个简单的类ejs模板引擎。 需求分析 实现模板引擎先要定义模板的语法,这里我们就重新不定义了,直接使用ejs的语法。...<%= 输出数据到模板(输出是转义 HTML 标签) %> 一般结束标签 设计思路 先贴一下待编译的模板。...在里面的字符,保留为js逻辑 在里面的字符,保留js逻辑,且其值输出为html代码。 对这些处理方式,着手实现。 正则/<%=(.+?)

1.6K20
领券