Single file of a multi-files gist on Medium.com [closed] - gist

Closed. This question is not about programming or software development. It is not currently accepting answers.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Closed 3 months ago.
Improve this question
Does anyone know a way to include a single file of a multi-file gist into a medium post?
I've tried, without luck, the solutions proposed here:
How do I embed a single file from a GitHub gist with the new gist interface?
Yes, we get the gist

2020 - It is possible! 🎊🎉
There is a way for that without using <script>, but it's kind of tricky:
⚠️ The order matters!
Copy the (multi-file) gist path. e.g.:
https://gist.github.com/MojtabaHs/91e34fd0e987fe7ce801936dc6ece0e8
Paste it somewhere else than the Medium article. Like an online textbox:
⚠️ Do not hit search or return button
Append the query param for the file to the URL. e.g:
https://gist.github.com/MojtabaHs/91e34fd0e987fe7ce801936dc6ece0e8?file=Interface.swift
Note that ?file=Interface.swift at the end of the URL, right?
Copy and paste it in the article and see the magic 🔮
An article using this method:
Implement Custom Activity Indicator With The SwiftUI
The MOST Important note that MUST be considered:
⚠️ Note that you MUST copy an unformatted plain text in the medium and MUST NOT edit the URL after pasting it in the Medium! You can copy the link in an online textbox like google.com and after appending the query, copy it back and paste it in the Medium.

The Medium API for posts refers to "Accepted markup for Medium’s Publishing API" and the markdown syntax.
None of them includes a <script>, needed to include a Gist single file
<script src="https://gist.github.com/<id>.js?file=afile" type="text/javascript" />
The only workaround is to generate the article content, included the gist file, and publish the built text with everything in it.
If the Gist changes though, that means the article has to be updated.
Phelipe Rocha mentions in the comments the article "Dealing with Code on Medium" from Egon Elbre
The least frustrating approach I’ve found was using code screenshots. Obviously, this is very annoying for readers.
I would add: combining a screenshot with an HTML link referencing the gist file might be an acceptable workaround (notwithstanding the gist changes, which would mean updating the screenshots).

Related

github issue feedback like on microsoft docs [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 1 year ago.
Improve this question
When you go to https://learn.microsoft.com/en-gb/aspnet/core/getting-started/?view=aspnetcore-3.1&tabs=macos for example, or any other microsoft docs, and the end of the page there is github feedback - you can open an issue directly on the site or on guthub, as the docs are published on github.
I want to do something like this for my website, where people reading articles can suggest improvements. This is a good way to make a wiki like site. Is there a way to do it?
If you just want a URL for opening a blank issue, all you need is to provide a link to https://github.com/<user-name>/<repo-name>/issues/new.
If you want the issue to have prefilled text, you can use query parameters to generate the URL. This help page describes how this can be done.
The easy way would be to create an issue template on GitHub, and then use the template parameter. As quoted in the linked article:
You can use the template query parameter to specify a template to automatically fill the issue or pull request body. The template query parameter works with templates stored in an ISSUE_TEMPLATE or PULL_REQUEST_TEMPLATE subdirectory within the root, docs/ or .github/ directory in a repository.
If a repository contains only the default pull request or issue template, any new issues or pull requests will have the default template in the body.
You can also use the other parameters to customize the issue title, text, labels, etc. This project slightly simplifies this task.
Thank you for your answers, but I found this https://utteranc.es/ and its everything I wanted. And its easy to use. I will leave the other for the right answer, but if someone wants something more out of the box you can use my finding.

beautiful websites using Emacs's org mode [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
Are there any beautiful websites published using Emacs' org mode? I followed the online tutorial, but the generated websites are too ugly. Are there any existing beautiful org templates (with nice css sheets)?
I create my class websites using org-mode. Example: http://cse3521.artifice.cc/
That site involves regular text, code, math, flash/image embeds, tables, etc.
Source code is available here: https://github.com/joshuaeckroth/cse3521-website
There is http://msnyder.info which uses org-mode and I think is nicely styled. However, he also customizes the publishing system to get HTML5 output and better styling. Read more about that here.
You could simply use the Solarized CSS which gives you appealing results including nice usability enhancement (like collapsable sections).
See
http://thomasf.github.io/solarized-css/
To appy to any org-mode HTML export add the following lines in your .emacs:
(setq org-export-html-style-include-scripts nil
org-export-html-style-include-default nil)
(setq org-export-html-style
"<link rel=\"stylesheet\" type=\"text/css\" href=\"solarized-light.css\" />")
Fresh and new template (I found it on the mailing list):
https://github.com/fniessen/org-html-themes
My site isn't generated from OrgMode, but from Muse, and you can re-use parts of my templates - I took one of free designs by Andreas Viklund.
I just created new github repository for the template to use org-mode + jekyll + twitter bootstrap.
Check out http://github.com/cinsk/jekyll-org/ for the source, and see the example in http://cinsk.github.com/jekyll-org/
Go through official org-mode page listing sites : Web pages made with Org-Mode
I use org-mode + jekyll to publish my blog (blog.jenkster.com). 'Beautiful' is probably a stretch, but it's clean & clear, and the nicest setup I've ever found for including code-snippets in what I'm writing.
My Web site at http://www.pirilampo.org/ is all made from Org mode (and only it). You'll find the CSS source there as well (LP'ed from an Org file with Org Babel -- LP = Literate Programming).
How about this page? It shows how to set up the combo Emacs Org-mode & Jekyll in order to publish a static website or blog ---This is what is used at www.gorgnegre.com. Hope it helps.
I just read about Hyde, a static website generator powered by python & django.
http://ringce.com/hyde
To set it up is really easy and minimalistic.
We can use our favorite text editor to edit the content, hence org-mode.
Then I saw those two projects which intent to link even more org and hyde, but never tried :
https://github.com/dustinlacewell/ghorg
https://github.com/punchagan/org-hyde
That sounds very appealing to me !
Here is my site http://sydi.org that generated by orgmode, but its language is not English but Chinese. I think weather a site is beautiful and fit your eyes or not isn't depend on which tool used to make pages out, more important, well designed css & js do that.
I use orgmode generate html and fix something by elisp (orgmode hooks) on origins. If you need any help, I'm very pleasure.
Check out http://renard.github.com/o-blog/ - it's not strictly using org-mode, but an org-mode add-on (and also the subject of the site) called o-blog. I haven't done anything serious with it, but it looks pretty cool. It easily integrates with twitter bootstrap for all the nice pretty things it provides.

How to set print and save as pdf icon in TYPO3 pages [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
Can anybody help me that how can i set PRINT and save as PDF icon(functionality) in TYPO3 pages ?
Thanks...in advance..
There are many examples in Google and I think that you should browse them, to find the one the best fits your needs.
In general 'historically' print version was suggested to be build with new PAGE cObject which typeNum is set to 98 (of course that's only suggestion) in general going this clue, you should find many examples and other resources by searching in Google for typo3 typeNum 98.
When you'll create alternative PAGE object (and maybe also use modified template for it) you need also add on your webpage a link which be the same as the current URL but with additional param &type=98, when user will click it TYPO3 will open the alternative version of the page. So you can add to this a JS in header which will also start system's print dialog.
You can also search the extensions repository and find something for placing the print button if you are unfamiliar with TypoScript.
PDF rendering is similar from point of view of the frontend, however most probably you need to use some additional lib, so it will be best to search for ready to use solution from the repo.
In general PDF version could be tricky, therefore from my experience I can say that nowadays it's sometimes better to avoid the PDF icon at all or use linking to some external service. Of course all depends on your needs. Remember that there are many programs which are able to create PDF's so if it is not required maybe it's no worth of its effort.
Finally take a look at the AddThis widget it can be also used for easy adding of icons for printing and online PDF creation, additionally you can also send invitations via e-mail, or even share the link on the hundreds social portals. And what's most important installing this is just like adding view lines of HTML code vie TypoScript.

CMS for plain HTML website [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
Hello I got a website with around 5-6 pages (plain html). There are areas in these pages where I need to update occassionally. Is there any free / opensource CMS to maintain these editable areas of HTML page.
Thanks
Perch is excellent for small sites.
At its very simplest, Perch allows you to replace static content in an HTML file with placeholders. A simple GUI then allows you to edit those placeholder values for individual pages. So, for example, if you have a file containing this chunk of markup:
<h1>My site</h1>
you can change that to:
<h1><?php perch_content('Main heading'); ?></h1>
and you'll then be able to edit 'Main heading' through the GUI. Most CMS apps work in a similar way, but Perch is the first I've come across that does very little else, which is a huge plus for small projects.
I haven't used Perch for a while, and I'm sure they've added some features since I last did, but I'd still recommend you give it a try. It's cheap, too.
I think couchcms is a pretty good open source alternative to the likes of cushycms and perch
I recommend cushy
http://www.cushycms.com/
http://drupal.org/ is very popular. Many people also use Wordpress - http://wordpress.org. Also try googling "simple cms".
The answer will obviously be dependent on the requirements of the software and the capabilities of your server.
You should also check out opensourcecms.com. You can try out various cms's there until you find one you like.
For a five-page website, Drupal is probably overkill; I'd say Wordpress is good enough (just define a page for each page of the website, copy and paste your content, choose a theme, and you're done). (You would want to either use the blogging features of WP to take full advantage of it, though.)
If for some reason you really want to try out Drupal but don't want to invest a lot of time into figuring it out (it does take some ... well, a lot ... of time to figure out right out of the box), and you're not in a big hurry, you can wait a bit until it's possible to try out the new Drupal Gardens hosted CMS system (currently in beta). (You need a beta key to try it. Sign up for the beta on the site and then wait for your key.)
Since your most likely a programmer I would recommend github's very own Jekyll:
Here are some sites powered by it:
https://github.com/mojombo/jekyll/wiki/sites
As a bonus you can use Github to provide you free hosting (your site will be a public repository that only you can edit).
Have you tried using mut8? They have pretty alright features.
http://mut8.me

What function does a tag cloud serve? [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
I see them all the time and always ignore them. Can someone explain to me why they have become so prevalent? If I'm using a site that allows me to explore it via tags (e.g., this one, del.icio.us, etc.) that's what I will do. Why would I need a "cloud" of tags upon which to click? I can just type that tag(s) into a search box. What am I missing?
It's more of a browse assist than a search assist. If you see a large or bold tag in a tag cloud that interests you it my lead to some knowledge discovery that wouldn't have otherwise been sought out with a deliberate search. When I am browsing del.ico.us or stackoverflow I appreciate the tags as they sometimes lead me to discover related topics.
Wikipedia has an interesting definition:
A tag cloud or word cloud (or weighted list in visual design) is a visual depiction of user-generated tags, or simply the word content of a site, used typically to describe the content of web sites. Tags are usually single words and are typically listed alphabetically, and the importance of a tag is shown with font size or color. 1 Thus both finding a tag by alphabet and by popularity is possible. The tags are usually hyperlinks that lead to a collection of items that are associated with a tag.
It's a easy mechanism to determine which tags are most popular or how dense that tag is populated ( amount of tags).
It's just a intuative interface, I'm fairly certain that's one of the bigger reason's why they are so popular, that and they are very Web 2.0 also.
Why would I need a "cloud" of tags upon which to click? I can just type that tag(s) into a search box. What am I missing?
How do you know what tags are available to type without a lot of trial and error? Even if you know what tags are available, how do you know which are most popular without a bunch more trial and error?
The thing that makes a tag cloud really useful (at least a well implemented tag cloud IMO) is the ability to drill into a topic deeper and deeper.
For example, I could click "Topic A" and then I can see the items in the tag cloud for all tags within the "Topic A" items. I can then drill into one of those sub topic and narrow the items even further.
The stackoverflow tag cloud doesn't do this (which is too bad), but if it did, I could click something like "visualstudio" to drill into the threads tagged visualstudio then click "asp.net" to drill into that, then "javascript". The end result would be a list of all items tagged all three "visualstudio", "asp.net" and "javascript". This is where a tag cloud becomes really useful. Unfortunately, not all tag clouds work this way (but IMO they should).
Because searching for php is not the same as viewing all posts that the owner has tagged as php. Try it.
It helps you understand the focus of the page or site that you're looking at. What topics being discussed the most? What kinds of information will I find here?
If you search for something related to Java and land on two sites, one with a tag cloud showing 'Java' is prominent, and one where Java is almost invisible but 'C#' is prominent it's pretty easy to quickly decide which site is most valuable to you.
Tags give a way of explicitly labelling something with what it is about instead of relying on computers to extract this information.
For example, you might be interested in on questions about stackoverflow. If you search for "stackoverflow" you will get all kinds of questions that are not about stackoverflow at all (e.g. they only contain the word "stackoverflow" because there is some link to another question). By selecting questions that are tagged with "stackoverflow" you get only those post that people have explicitly identified as being about stackoverflow.