Posts

5分钟教你利用腾讯云服务器搭建个人网站(获取被动收入),手把手教程,适合零基础初学者

Image

一个开源的网址导航网站项目,拿来即用(代码已开源)

Image

一个开源的网址导航网站项目,拿来即用(代码已开源)

  元旦假期, 在家闲来无事,逛了逛github的一些开源项目,发现了一个网址导航站,但是基于webpack开发的,并不是全静态html,故鄙人将里面的html页面全部拆出来,实现了全静态html部署。 源码地址 https://github.com/geeeeeeeek/web_tool 部署步骤 将全部文件复制到服务器,入口文件是index.html 二次开发 如需修改首页网址,可修改index.html 如需修改关于页面,可修改about里面的index页面

基于html+javascript开发的base64解码工具

  base64在线解码工具可以帮助你将Base64编码的字符串解码为原始的文本或数据。 预览入口 以下是一个简单的base64在线解码工具的示例: html <!DOCTYPE html> < html > < head > < title > Base64在线解码工具 </ title > </ head > < body > < h1 > Base64在线解码工具 </ h1 > < label for = "input" > 输入Base64编码的字符串: </ label > < input type = "text" id = "input" name = "input" placeholder = "请输入Base64编码的字符串" > < button onclick = "decode()" > 解码 </ button > < p id = "output" > </ p > < script > function decode ( ) { var input = document .getElementById( "input" ).value; var decoded = atob(input); // 使用atob函数解码Base64字符串 document .getElementById( "output" ).innerHTML = decoded; // 显示解码后的结果 } </ script > </ body > </ html > 这个简单的在线解码工具允许用户输入一个Base64编码的字符串,并点击“...

基于Html+腾讯云播SDK开发的m3u8播放器

  周末业余时间在家无事,学习了一下腾讯的云播放sdk,并制作了一个小demo(m3u8播放器),该在线工具是基于腾讯的云播sdk开发的,云播sdk非常牛,可以支持多种播放格式。 预览地址 m3u8player.org 源码地址 https://github.com/geeeeeeeek/m3u8player 开发步骤 第一步:集成播放器SDK: 播放器 SDK 支持 cdn 集成方式: < link href = "https://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.min.css" rel = "stylesheet" /> <!--播放器脚本文件--> < script src = "https://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.v5.1.0.min.js" > </ script > 第二步:设置容器 然后,设置播放器容器,在需要展示播放器的页面位置加入播放器容器。可以在 index.html 中加入如下代码(容器 ID 以及宽高都可以自定义)。 <video id= "player-container-id" width= "414" height= "270" preload= "auto" playsinline webkit-playsinline> </ video > 第三步:初始化并播放 var player = TCPlayer( 'player-container-id' , { sources : [{ src : 'path/to/video' , }], licenseUrl : 'https://license-url' , }); // player.src(url); // url 播放地址 最终集成后的代码可以参考: https:/...

How To Write Better Title Tags for SEO

Image
  Title tags are an important for SEO because they tell search engines and users what your content is about. Good title tags are crucial to improving your rankings and organic traffic and that’s why optimizing title tags is a top   on-page SEO   strategy. Let’s dive into title tags and the different techniques you can implement to enhance them. What are title tags? Title tags are the blue clickable link that show up in the search results on search engines like Google. Title tags are both an important ranking and conversion factor for SEO because they entice a user to click on your post. Title tags should accurately reflect what your post is about and should include descriptive words that make users want to learn more. When you have an engaging title tag that includes relevant keywords and information that is valuable or interesting for your audience, you will get more clicks. Click-through rate (CTR) is also a ranking factor and by improving your title tags, you can also ...

python开发的股市行情看板

演示地址: https://geeeeeeeek.github.io/stock_page/ 简介 近期股市又骚动起来,回忆起昔日炒股经历,历历在目,悲惨经历让人黯然神伤,去年共投入4000元入市,最后仅剩1000多,无奈闭关修炼,忘记股市,全身心投入代码世界,享受代码带来的乐趣。近日,当看到别人用python进行量化投资暴富的消息,顿时振奋,立刻学习起python数据分析之道,开发了一个股市行情看板,希望借python之力,早日实现财务自由,达到人生巅峰, 项目依赖 pip install numpy pip install bottle pip install requests 运行方式 python handle_csv.py 即可生成index.html 炒股不科学,亲人两行泪。 源码地址: https://github.com/geeeeeeeek/stock_page