Web前端:hexo+github搭建个人博客,免费!
网上查的同类教程有不少,但是看了一下发布时间,那些教程的发布还是有些年头的了。有些教程中的步骤现在不一定适用了,我当初就按照别人的教程搭建Hexo,不小心就掉了坑。那就干脆自己写一个,方便记忆,顺便给需要的朋友提供参考。
首先报上一波,我开发的运行环境
运行环境 Runtime environment123456操作系统 : Windows10IDE: JetBrains WebStorm 2018.2.1 x64浏览器: Google Chrome 版本 67.0.3396.99(正式版本) (64 位)&& FireFox Developer Edition 版本63.0b4 (64位)hexo: 3.7.1hexo-cli: 1.1.0node: 8.11.4
背景个人博客,一般来说,基本都是咱们干IT的人用得多一些。要是从事这行业之外的人,根本也不需要吧。QQ空间,微博,微信朋友圈之类的地方就基本能够满足需求了。受到了知乎上,一个讨论的问题的启发。如何开始写技术博客,怎么选择?所以打算自己搭建博客,自己用的东西,当然是讲究一个“顺自己心意”就好。为了尽可能 ...
Web前端:使用Booastrap3-实现标签页的简单实例
使用Booastrap3 实现标签页的简单实例前端开发中,标签页样式,经常见到。以此次开发项目为契机,来学习实践Boostrap3标签页样式
运行环境 Runtime environment12345操作系统 : Windows10IDE: JetBrains WebStorm 2018.2.1 x64浏览器: Google Chrome 版本 67.0.3396.99(正式版本) (64 位)&& FireFox Developer Edition 版本63.0b4 (64位)Bootstrap: v3.3.7Jquery: 1.12.4
背景讲真,光从Boostrap3标签页样式来看,还是远远不够的。它的样例效果并没达到标签页的切换效果,仅仅只是有个样式在那里。经过一轮搜索,基本查明了使用方法。
实现方法参考锚点的思路,用<a>跳转id的方法,在href属性上面写上id地址。然后在,标签内容页部分,给其id属性加上对应的id名,即可控制内容页部分的变化。这部分功能使用了Boostrap.js插件,而此插件又是建立在JQ上。所以,引入Boostrap ...
Web前端:Markdown常用语法举例和总结
Markdown 是用于 创作 web 文档的.书写博客的利器!对常用的MK语法进行简单的介绍!
运行环境 Runtime environment12操作系统 : Windows10IDE: pycharm2018
概述设计理念Markdown 致力于使阅读和创作文档变得容易.
Markdown 视可读性为最高准则. Markdown 文件应该以纯文本形式原样发布, 不应该包含标记标签和格式化指令. 尽管 Markdown 的语法受到了以下这些 text-to-HTML 过滤器的影响 – 包括 Setext, atx, Textile, reStructuredText, Grutatext, 还有 EtText – 但是 Markdown 语法灵感最大的来源还是纯文本 email 的格式.
基于以上背景, Markdown 完全由标点符号组成, 这些标点经过仔细挑选以使他们看上去和表达的含义相同. 例如, 星号标记的单词就像 强调. 列表就像是列表. 如果你使用过 email 的话, 就连块引用都像引用的文本段落.
总的来说,Markdown 是用于 创作 web 文档的.
...
随笔:最初的声音!
早在很久之前都一直想自己搭建一个属于自己的个人博客,但是无论是CSDN、简书、博客园、&%¥(*&、甚至是Bilibili创作版,它们的博客样式,实在是让人喜欢不起来。加上苦于没有时间,只是想写写博客,也不想将时间用在前端开发上,就始终没有搭成。
趁着一个特别周末连休,就找机会摸索了一下。
早有耳闻,使用github搭建静态博客,省时省力省钱钱还有点逼格。于是查查资料,感觉自己看来还是有点高估了搭建博客的难度…
Jekyll 也做出了尝试,但是光了好一阵,没找到什么自己喜欢的主题。
便开始东逛西逛看看有没有其他类似的东西能够在github上搭建博客,这时一个名为Hexo吸引了我的注意,而且找到了自己喜欢的主题。
一拍大腿,就敲定,搞tmd!最后这个博客就出现了。
终于不用再写本地文档了,我好开心啊!顺便多练习联系Markdown语法!
疑难杂症:JS提示Cannot read property 'replace' of undefined
使用replace方法的是发生了报错。
运行环境 Runtime environment123操作系统 : Windows10IDE: JetBrains WebStorm 2020.2.4 x64浏览器: Google Chrome 版本 67.0.3396.99(正式版本) (64 位)&& FireFox Developer Edition 版本63.0b4 (64位)
症状使用replace方法的是发生了报错。console.log报错:
1Cannot read property 'replace' of undefined
原因出现这个错误的原因一般是传的参数为null
在传参之前加个是否为null的判断就行了。
总结给各位大佬丢人了!当你的才华还撑不起你的野心时那你就应该静下心来学习当你的能力还驾驭不了你的目标时那就应该沉下心来历练
【转载】:新手练习建站神器!免费域名+免费CDN
原来是逗比根据地的文章,但是这个很好用的网站一夜之间消失了。很大可能是被水表了,为站长默哀..原站已经没有了,但是它上面有些博文,还是非常有用的,所以保存一份到自己的博客中,方便查看
运行环境 Runtime environment1操作系统: win10
前言免费并不是开善堂,缺点还是有的,免费域名随时可能被回收,免费cdn在大陆访问速度并不是很好。我认为域名回收就是如果这个域名用的人多了,就会被回收让你拿钱去赎。不过因为也就自己玩玩,说穿了被回收了换个新的就行了。CDN因为众所周知的原因,在大陆用起来不咋地,不过免费还要啥自行车。这次推荐的CDN和域名都有DNS功能,可以二选一。
免费域名先打开 “免费注册网站Freenom.com” ,输入自己想要的域名查看是否被占用。目前免费的域名应该只有.tk/.ml/.ga/.cf/.gp这五个后缀。下单后可以在Period选项中修改购买时间,最长12个月是免费1年就要收费了(不是很懂1年和12个月的具体区别。然后要验证邮箱,因为此站在国内也有服务所以QQ邮箱也是可以的,然后点击Verify My Email Address, ...
Python:requests请求库的使用
近期看到V2EX上一个老帖子 新人求教: Python 删除 dict 一个 item 后,内存不释放的?引起了我的思考,如果对一个dict对象进行增删改操作,它的内存占用会发生什么样的变化?
运行环境 Runtime environment123操作系统: Windos10 IDE: JetBrains Pycharm 2018.2.4 x64 语言: Python 3.6.4
背景python一个非常基本爬虫库,它是基于python urllib 这个基本网络请求包来造的轮子。可以更方便的开发python静态爬虫。在这里就总一个简单总结和超级好懂的代码示例
基本用法1234567891011121314151617181920212223242526272829303132333435363738394041424344"""urllib是手枪的话,那么现在可以做个升级,玩自动突击步枪了!urllib开发爬虫相对来说比较繁琐,其中确实有不方便的地方。为了更方便的开发来实现一些高级操作,就有了更为强大的库requests现在就来初步体验一下!&q ...
Web前端:CSS中不常见,但是很有用的标签,备忘!
CSS样式多如猫毛,时间长了不用,就会忘记。回头再用的时候,想不起来了,焦头烂额的翻一阵结果发现自己以前折腾过并总结出更合适的方案..emmm,好记性不如烂笔头啊,写下来记住,也没毛病。回头看看,可以提高回忆效率。就把日常前端开发中,发现一些自己不常用到的样式,总结到一起,备忘。
运行环境 Runtime environment123操作系统 : Windows10IDE: JetBrains WebStorm 2018.2.1 x64浏览器: Google Chrome 版本 67.0.3396.99(正式版本) (64 位)&& FireFox Developer Edition 版本63.0b4 (64位)
背景方便自己回忆的备忘CSS样式备忘录。虽然W3C上都有,但是它就跟字典一样的,难道学中文背字典呐。
CSS3 text-overflow定义和用法:text-overflow 属性规定当文本溢出包含元素时发生的事情。
语法:text-overflow: clip|ellipsis|string;
clip
ellipsis
string
修 ...
Web前端:Hello World
关于hexo官网自带的部署命令
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment